如何使用Safari 调试 Web页面

发布网友发布时间：2022-05-05 10:49

我来回答

共2个回答

热心网友时间：2022-06-26 10:21

具体操作如下：

1、打开手机web检查器。

通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图（点击查看大图）

2.链接电脑（Mac）

2.1 先在手机Safari中打开想调试的网页，并用数据线连接到电脑（这里是Mac）

2.2 再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：

2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：

3.调试网页

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

热心网友时间：2022-06-26 10:22

您好，希望以下回答能帮助您
Safari Developer Tools 基本等同于 Google Chrome Developer Tools，图标基本一样。
类似于 firebug 跟 IE8的 developer tools也基本一样。

但是用之前需要：

打开 preferrence
打开 Advanced Tab，在最下面的 "Show develop menu ..." 前面打钩。

然后回到页面， ctrl + alt + i 就欧了。灰常熟悉吧？ ^_^
如您还有疑问可继续追问。