Viewing and testing the mobile site on emulators


show more Viewing and testing the mobile site on emulators 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 ...

Viewing and testing the mobile site on emulators

All right! Up until now, we have been looking at the sample site in desktop browsers and been simulating the mobile screen size by changing the window size. So what we are going to do now is actually take a look at the real site in the emulators to see how the sites work and respond on simulated devices. That will give us the ability to test things like layout and soft keyboard response and all that kind of stuff. So once again, here is the web site in the desktop screen, and you can see that this is the finished version of the homepage, and here's the Tour page with tour information, and here's the Contact page.

So let's go see how this looks in the emulators. I am going to switch over to the Android and Windows phone emulators, and then we will take a look at how it works in the Mac on the iPhone. So here is my Android emulator, and I am going to click on the logo up here to get it to go back to the homepage, and the homepage will load up. Okay, so here we are in the homepage...

Viewing and testing the mobile site on emulators
Video duration: 8m 11s 5h 47m Beginner

Viewers:

Viewing and testing the mobile site on emulators 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 ...