⚠️ This lesson is retired and might contain outdated information.
Use Chrome Developer Tools to Emulate Different Mobile Devices
InstructorRory Smith
Published 7 years ago
Updated 2 years ago
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.
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.
egghead
Markdown supported.
Become a member to join the discussionEnroll Today
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!