用手机调试手机版HTML5页面-站长窝

用手机调试手机版HTML5页面 discuz 教程

公共账号管理员组

大家是否遇到过这个情况，用PC调试手机的H5页面，然后到手机上发现总有一些细节不如人意。当然有些触摸细节PC上是没法模拟的！
现在教大家一个用手机调试（注意：是调试）的方法

1、首先你要有一个安卓手机
2、电脑安装Chrome，手机也安装 Chrome（好像要安卓4.0+）
3、手机连接数据线
4、打开“更多工具”->“检查设备”

5、发现你的手机，打开你手机的Chrome，发现在PC上可以完全操作手机上的Chrome

6、点击“inspect”，这时请发出感叹词“哇哦”，剩下的你应该会了吧，就是 F12 的功能.

PC上可以直接调试手机上的显示效果，并执行JS

PS:
1、iPhone的话也有类似的方法，需要打开 safari 浏览器
2、如果第五步你看不到设备中的应用列表，请看下Windows进程里是否有类似的安卓守护进程阻止了
3、如果你的安卓手机已经Root，第五步中的应用列表里不仅仅能看到 Chrome，还能看到其他同样使用了 webview 功能的应用，如“淘宝”（嘿嘿）

温馨提示：

首先感谢您莅临站长窝,有任何宝贵意见欢迎反馈！

帖子如有遇到:图片不显示，附件不存在，解压密码不正确，等各种问题！请联系QQ：3535510005

QQ群：960474828

站长窝论坛版权声明 1、本帖标题：用手机调试手机版HTML5页面
2、论坛网址：站长窝论坛
3、站长窝论坛的资源部分来源于网络，如有侵权，请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本帖由公共账号在站长窝论坛《程序综合区》版块原创发布，转载请注明出处！

上一篇：插件后台的自定义导航
下一篇：我是终身会员为什么阅读权限还有限制？

最新回复 (1)

公共账号

主题数
8

帖子数
3

精华数
0

注册排名
1

作者最近主题