一直以来认为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上 没问题啦！
直到今天 才发现一直错怪了它... 而且...
它用的居然和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