Simulate mobile devices with Device Mode
Want to test your websites on different mobile devices without owning a real one? In this episode, Jecelyn walks you through 5 ways to simulate mobile viewport with the Chrome DevTools Device Mode. 2 bonus tips included!
Chapters:
0:00 Intro
0:23 Toggle Device Toolbar
0:53 Responsive view mode
1:02 Preset media query breakpoints
1:33 Custom media query breakpoints
1:57 Resize with common devices
2:16 Bonus tip: Take a screenshot with mobile device frame
2:28 Add a custom device
2:48 Resize with Rulers mode
3:06 Bonus tip: Simulate your page’s performance
Questions? Tweet to us:
Jecelyn Yeen → / jecfish
Chrome DevTools → / chromedevtools
Links:
Simulate mobile devices with Device Mode → https://goo.gle/devtools-device-mode
Learn responsive design → https://goo.gle/3UoAO5x
Learn PWA → https://goo.gle/3EUW0KH
Catch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs
#DevToolsTips #Chrome #Developer
In questa pagina del sito puoi guardare il video online Simulate mobile devices with Device Mode della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Chrome for Developers 02 dicembre 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 69,425 volte e gli è piaciuto 698 spettatori. Buona visione!
