嵌套页面h5怎么调起手机文件_论:怎么调试H5手机页面

最近做的手机页面搞来搞去一堆bug,各种设备不兼容,调试起来也很麻烦(因为TMD就不知道哪里不兼容)好在搞来搞去终于搞出些门道

IOS

先说说在IOS下如何调试

1、通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图,并且你会看到该选项下面对电脑操作的相应描述,照做就好。

2、先在IPhone中的Safari中打开你想调试的网页,并用数据线连接到电脑(我这里是Mac)

3、再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示

4、点击步骤3中的网站名就会在电脑上打开Safari的控制台

ANDROID

再来说Android的调试

5、将手机连接到USB调试(开发者选项里,你懂的!)

6、在pc的chrome浏览器地址栏输入chrome://inspect/,Discover USB devices选项打勾

7、在webkit内核的浏览器中输入你想调试的网站,如图所示就会出现相关信息流,点击inspect就可以出现控制台窗口了,有的用户需翻个墙才能正常打开控制台窗口哦!

注:在Android中大概只限于webkit内核的浏览器进行调试,测试过qq浏览器和华为P10内置浏览器均未成功;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值