在PC机上,如何用Chrome浏览器模拟查看和调试手机的HTML5页面?
2023-09-14 08:57:26 时间
如题,如何用PC机上的Chrome浏览器模拟查看和调试手机HTML5页面?
参考操作步骤如下:
第一步、用Chrome打开要调试的页面;
第二步、按F12,打开“开发者工具”,点击其右上角的“Dock to main window.”按钮,让“开发者工具”停靠在浏览器的“右边”,再点击左上角的“Toggle device mode.”按钮,如下图所示:
第三步、选择要模拟的设备,如下图所示:
第四步、刷新页面(很多人都死在这一步,你不刷新一下,是看不到效果的!)
相关文章
- 用猿大师办公助手已经在Chrome网页中打开了Office Word,再用桌面Office打开其他Word打不开怎么办?
- Chrome对网页进行全屏截图
- Electron使用Chrome命令行开关
- Google Chrome CVE-2022-3656 漏洞
- Chrome 浏览器将停止支持 Windows 7/8/8.1
- 比Chrome更好用 Microsoft Edge性能模式下速度更快
- 在 PC 上使用 chrome 谷歌浏览器模拟手机浏览器
- Google Chrome开始加入HTTP/3和IETF QUIC支持
- Chrome OS将不支持外置储存设备的ext2/3/4文件系统
- Google正在内部测试Chrome的”已关闭标签缓存”功能
- CSSHack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera