1×
Become a member
to unlock all features
Autoplay

    Use Chrome Developer Tools to Emulate Different Mobile Devices

    Rory SmithRory Smith
    chrome-devtoolsChrome DevTools
    htmlHTML 5
    cssCSS
    chromeChrome

    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.

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Transcript

    Transcript

    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.

    Discuss

    Discuss