Safari调试静态H5

需要写个静态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无法识别let和const这两个关键字，ES6写惯了。。