Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Use Chrome Developer Tools to Emulate Different Mobile Devices

    Rory SmithRory Smith
    chrome-devtoolsChrome DevTools
    htmlHTML 5

    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.



    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




    Instructor: 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.

    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.