最近做的手机页面搞来搞去一堆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内置浏览器均未成功;