首页 > 代码库 > Chrome调试手机页面
Chrome调试手机页面
新开发的网页需要在手机或是模拟机上运行测试,如果手头事件比加紧,那么可以借助 Chrome提供的手机网页预览程序进行简单调试。查看 制作的网页是否能够适合各种手机型号使用。
下面所以下如何使用Chrome调试多类型手机网页。
首先 下载Chrome 浏览器。
在你要调试的网页或是本地页面中。按F12 打开调试器。
工具/原料
-
Chrome浏览器
方法/步骤
-
打开 仿真面板。如图所示:
-
可以在 Device 选择设备。
可以在Screen 设置模拟的屏幕方面的东西,设置分辨率,屏幕尺寸。
可以在 User Agent 设置 客户端Agent
可以在 sensors 设置感应等,模拟触屏操作。
-
配置好之后,点击 Emulate 。开始进行仿真。
(选择Device需要点击emulate)其余选项是在修改后自动改变。
- 4
如何假设 平板旋转屏幕?
可以在 screen中,点击分辨率中间的互换按钮就可以了。
使用Chrome浏览器调试,配置好调试设置之后,可以自由输入 网址查看 在移动设备上的现实情况。
END
注意事项
-
如果不出现菜单,下载最新版Chrome浏览器插件。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。