Though there are some limits to its "freemium extended functionality", it still works very well to "preview" both the PC and Mobile versions of your pages / sites in a side-by-side comparison. This Chromium-based "browser built for development" provides a multitude of ways to demo the page in various devices with a vertical "pane" on the LEFT side, much like you see Chrome Developer Tools default to the right vertical column. I will refrain from using the (sort of) "affiliate link" for any personal gain (There is a "token based system" that you can earn credits to get things like free "team cloud space" & "premium features" to use with it), but Blisk is actually pretty snazzy. There is actually an even more interesting solution I've recently discovered: single monitor less than 21" at a low res). The above answers are great for those who like to stick with a single browser, or have limited desktop "workspace" (eg. If you can't see the "Develop" menu item, you need to enable it by opening "Preferences", "Advanced", and ticking "Show Develop menu in menu bar". You can find the menu item by clicking "Develop", "Enter Responsive Design Mode". You can follow this tutorial on configuring a keyboard shortcut for it. It looks like Apple have disabled by default the keyboard shortcut for entering responsive design mode. There is a small button in the developer tools toolbar that enables device emulation, if you prefer to click a button rather than press a keyboard shortcut. Once developer tools is open and focused, you can toggle device emulation:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |