如何打开safari的调试模式

Posted 2023-03-19

safari for windows 4.0.4

如何打开调试模式？

最前端开发，涉及到兼容性问题，发现MAC上的Safari中的文本框聚焦时有自带蓝色阴影，所以需要使用开发模式看看是哪里的问题，但是不熟悉MAC，不知道怎么开启这功能，方法如下：
1.点击Safari启动浏览器
2.点击左上Safari标志，选择偏好设置
3.选择高级，勾选下方的在菜单栏显示开发菜单。

如此，Safari就出现了开发菜单，右键网页元素也会出现查看元素功能了。

参考技术A

运行Safari,点击编辑菜单下面的偏好设置，显示常规选项卡。

单击高级选项，勾选在菜单栏显示高级选项。

关闭选项卡，在浏览器的工具栏出现了开发菜单，选择开始调试javascript,就可以调试，和Google Chrome浏览器是一样的。

参考技术B 在搜索框的右边有个纸张的图标，点一下他，然后在里面选开发，然后就不用我解释了吧？
这个是最简单的了 参考技术C IE8是按F12，
CHROME是按CTRL+SHIFT+J。
SAFARI没使用。

电脑上safari如何给iphone调试

参考技术A 1.设备端：打开手机端Safari的web检查器具体步骤：设置(Setting)->Safari->高级(Advanced)->打开web检查器(webinspector)2.Mac端：打开Mac端Safari的开发者模式具体步骤：打开Safari->偏好设置->高级勾选“在菜单栏中显示“开发”菜单”选项3.将手机通过数据线连接到电脑4.用手机打开一个webview5.电脑端打开safari->开发->找到你要监控的设备名字->选中该设备下打开的webview的url即可进入监控界面6.根据需求寻找你需要监控的内容，我监控的是cookie，所以我可以在储存空间的分类里直接查看。