illustration for Optimize User Experience for Mobile Devices and Browsers
Course

Optimize User Experience for Mobile Devices and Browsers

  2. 2
    Use Chrome Developer Tools to Emulate Different Mobile Devices
    43s
⚠️ This lesson is retired and might contain outdated information.

Use Chrome Developer Tools to Emulate Different Mobile Devices

Rory Smith
InstructorRory Smith
Share this video with your friends

Social Share Links

Send Tweet

Many tools can be utilised in our desktop environment to develop our app for mobile devices. We’ll take a look at some mobile-specific features in Chrome Dev Tools to emulate devices.

View code for this lesson

Instructor: [00:00] Desktop browsers have great facilities on offer for us to develop Web apps for mobile devices. Let's take a look at what Chrome Dev Tools has to offer. We're going to open this index.html file. Let's inspect the page.

[00:17] When we use the device toolbar, we can emulate devices inside the browser. Currently I'm emulating an iPhone 5, but I have many more to choose from. I can adjust the scale. All the resources that available to us when we debug desktop applications are still available to us now.