Safari调试工具

一直以来认为Safari在Web调试上是个残疾
直到今天 才发现一直错怪了它... 而且...
它用的居然和Chrome是一个调试工具 - Web Inspector

只是Chrome在这点上做的比Safari好
一开始就把Web Inspector给Enable了
而且做了一些扩展
并给了它另外一个名字 - Develop Tools

而Safari把它隐藏的太深了
以至于像我这样会玩软件设置的人都...
如何Enable - SafariPrefernces --> Advanced最下面的选项

勾选 然后你就可以在右键菜单上看到Inspect Element选项了 - 跟Chrome一模一样


来看看两个的界面
Safari Web Inspector:

Chrome Develop Tools:


界面看起来几乎一样 本来就是一个东西么
区别就在Chrome多了一些功能
再看仔细一点
Safari上面的那个标尺 更圆润一点
猜是Safari对HTML5 Vanvas的支持更强大一点
毕竟人家是Canvas的发明者啊


调CSS和JS
在Safari上 没问题啦！

以上为转载！

以下为自己测试，Safari中文版设置：

‘编辑’菜单---’偏好设置‘ （ctrl+，），选择‘高级’选项卡，选择最后的复选框‘在菜单中显示开发’菜单

 

 

转载于:https://www.cnblogs.com/yuzhongwusan/archive/2011/11/24/2261569.html