美文网首页
Safari调试静态H5

Safari调试静态H5

作者: charles0427 | 来源:发表于2017-06-16 10:11 被阅读336次

    需要写个静态Html,实现下载ipa,写完后发现在PC浏览器上功能正常,Safari却死活显示不出数据,苦于不知道如何调试移动端浏览器

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

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

    image.png

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

    image.png

    2.2 再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示(点击查看大图):

    image.png

    3.3 点击2.2中的网站名就会在电脑上打开Safari的控制台,如下图(点击查看大图):

    image.png

    3.调试网页
    如上3.3图所示,此时你可以查看手机网页的DOM结构,并且和电脑端网页调试无异,当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来,如下图(点击查看大图):

    image.png

    调试发现Safari无法识别letconst这两个关键字,ES6写惯了。。

    相关文章

      网友评论

          本文标题:Safari调试静态H5

          本文链接:https://www.haomeiwen.com/subject/zqmpqxtx.html