It’s likely that the website you’re currently on has disabled pinch and zoom within the meta tag. If you’re unable to pinch and zoom then try another website. All you have to do is hold down the Shift key and scroll with your mouse or track pad. With Chrome’s emulation tools we can mimic this functionality. Users rely on the ability to pinch and zoom for certain mobile applications. If it does, then we’ll assume the user is on an iPhone (even though you can spoof it like we’re currently doing). We’re asking the browser if the User Agent contains “iPhone” in its string. The User Agent is just a long and crazy string that tells us some details about the device and browser that the user is running. Visit this CodePen and change your device to an iPhone to see the div appear.Įssentially all we’re doing in that CodePen is asking the browser what the User Agent is. You can see that it resembles the Twitter app and there’s even a banner at the top to download it in the App Store. Below is an image of Twitter on an emulated iPhone 5.
It’s not uncommon to see features or entire websites that target mobile devices. Currently, it renders as a resized screen, but there’s plenty of features to explore. Next, we’ll focus on cool tricks and features that come with emulation.Ĭhoosing the device you want to emulate is a good start. Try Startup App Try Slides App Other Products Step 5: Bask in Emulation ExcellenceĪfter the refresh, you’ll notice that that the page looks much better. With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes.
0 kommentar(er)
