我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

各大浏览器的f12开发者模式,对于调试页面功能,都是极为有用的。当然,在mac系统下,快捷键不是f12,但是苏南大叔都这么说习惯了,所以暂时还是称之为f12功能吧。mac系统下的safari浏览器,默认情况下,是没有调试相关菜单的。真心是另类的浏览器。

苏南大叔:safari浏览器如何开启开发者模式? - safari-settings
safari浏览器如何开启开发者模式?(图6-1)

本文主要描述:如何在safari浏览器中,查看使用传统熟悉的f12开发者工具。

开启高级设置

safari的浏览器高级设置里面,切换到高级选项卡,在最下方的角落里面,就可以找到显示开发者模式的选项了。

苏南大叔:safari浏览器如何开启开发者模式? - 001_偏好设置
safari浏览器如何开启开发者模式?(图6-2)

苏南大叔:safari浏览器如何开启开发者模式? - 002_设置选项
safari浏览器如何开启开发者模式?(图6-3)

苏南大叔:safari浏览器如何开启开发者模式? - option-f12
safari浏览器如何开启开发者模式?(图6-4)

点击出现控制台

注意,需要先打开任意网页,菜单里面的控制台相关菜单才可以点击,否则是灰色的。点击后,就可以看到熟悉的操作界面了。

苏南大叔:safari浏览器如何开启开发者模式? - 003_激活菜单
safari浏览器如何开启开发者模式?(图6-5)

苏南大叔:safari浏览器如何开启开发者模式? - 005_界面
safari浏览器如何开启开发者模式?(图6-6)

这里特别澄清一下,f12是苏南大叔的叫法,叫习惯了。其实,macsafari的快捷键并不是f12,而是shift+花+C,似乎只有在win下面的浏览器里面是f12。快捷键方面,大家就入乡随俗吧~

相关链接

小结

做前端最痛苦的一件事情,就是浏览器兼容性调试。你懂的,safari浏览器的相关经验文章,苏南大叔都放到了这个地方,点击看看吧?

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   F12    safari