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