如何在移动设备上调试html5开发的网页

html-css017

如何在移动设备上调试html5开发的网页,第1张

可以使用Chrome浏览器,Chrome浏览器带有移动模式

Chrome打开Html5网页,点击F12打开开发者工具,然后点击下图中的手机图标,重新刷新页面,就可以模拟在移动设备上的样式,可以由不同的移动设备供选择

下载并安装夜神模拟器,先启动夜神模拟器

然后运行cmd命令,cd到夜神安装目录,执行命令

nox_adb.exe connect 127.0.0.1:62001

连接到模拟器

通过第一步新建的工程,按照下图,进行配置,并debug启动

弹出了模拟器选择框,OK后,我们就可以查看及单步调试了。

模拟器分别率如何设置,看下图,各种分配率,随便配置,平板及手机随便切换