在PC机上,如何用Chrome浏览器模拟查看和调试手机的HTML5页面?
2016-07-17 10:17
686 查看
如题,如何用PC机上的Chrome浏览器模拟查看和调试手机HTML5页面?
参考操作步骤如下:
第一步、用Chrome打开要调试的页面;
第二步、按F12,打开“开发者工具”,点击其右上角的“Dock to main window.”按钮,让“开发者工具”停靠在浏览器的“右边”,再点击左上角的“Toggle device mode.”按钮,如下图所示:
第三步、选择要模拟的设备,如下图所示:
第四步、刷新页面(很多人都死在这一步,你不刷新一下,是看不到效果的!)
参考操作步骤如下:
第一步、用Chrome打开要调试的页面;
第二步、按F12,打开“开发者工具”,点击其右上角的“Dock to main window.”按钮,让“开发者工具”停靠在浏览器的“右边”,再点击左上角的“Toggle device mode.”按钮,如下图所示:
第三步、选择要模拟的设备,如下图所示:
第四步、刷新页面(很多人都死在这一步,你不刷新一下,是看不到效果的!)
相关文章推荐
- html5页面中 触发 拨打电话、发短信 的方式
- HTML5学习笔记
- HTML5语义化标签
- HTML5画布属性
- HTML5和CSS3实例教程[总结一]
- HTML5拖拽
- html5模版
- 40 个重要的 HTML5 面试问题及答案
- HTML5离线存储原理及实现
- HTML5 学习之Canvas画布
- Mars-HTML5(五)图片的显示
- HTML5地理定位实例
- html5的基本结构
- HTML5基础学习笔记(十)
- HTML5的FileReader API在浏览器中一行行的读取本地文本文件
- 使用视频作为网页背景的技术探讨
- H5网页播放器
- HTML5-长按事件
- HTML5 协议 WebSocket 教程
- 如何在HTML5中使用SVG