Developing mobile pages with desktop browsers


show more Developing mobile pages with desktop browsers provides you with in-depth training on Developer. Taught by Joe Marini as part of the Mobile Web Design & Development Fundamentals show less
please wait ...

Developing mobile pages with desktop browsers

One of the neat things about developing mobile web pages is that you can use your desktop browser for mobile web page development, and this is possible because many of the common desktop browsers now have mobile counterparts. For example, IE has IE Mobile, and Mozilla has the Fennec browser on platforms like Nokia and Windows mobile, and Safari obviously works on Mac and Windows and iPhone, and the Android system has the Chrome browser.

So a lot of those rendering engines are the same, or very close to the same, as they are on the desktop. So if you just simply set your user agent broadcasting from your desktop browser, you can fool your web site into sending you your mobile version of your code rather than the desktop version. The general pattern to do this is to change the user agent of the browser on the desktop to match that of a mobile device, and then you just resize the window down to be the same size as a device screen and use the browser's built-in developer tools on desktop...

Developing mobile pages with desktop browsers
Video duration: 8m 6s 5h 47m Beginner

Viewers:

Developing mobile pages with desktop browsers provides you with in-depth training on Developer. Taught by Joe Marini as part of the Mobile Web Design & Development Fundamentals

Subjects:
Developer Web
Software:
HTML
Author:
please wait ...