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

各大浏览器的f12开发者模式,对于调试页面功能,都是极为有用的。当然,在mac系统下,快捷键不是f12,但是苏南大叔,都这么说习惯了,我们还是称之为f12功能吧。mac系统下的safari浏览器,默认情况下,是没有调试相关菜单的。真心是另类的浏览器。本文,主要描述,如何在safari浏览器中,查看使用传统熟悉的f12开发者工具。

开启高级设置

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

safari浏览器如何开启开发者模式 - 001_偏好设置
safari浏览器如何开启开发者模式(图4-1)

safari浏览器如何开启开发者模式 - 002_设置选项
safari浏览器如何开启开发者模式(图4-2)

点击出现控制台

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

safari浏览器如何开启开发者模式 - 003_激活菜单
safari浏览器如何开启开发者模式(图4-3)

safari浏览器如何开启开发者模式 - 005_界面
safari浏览器如何开启开发者模式(图4-4)

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

相关链接

小结

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

 【源码】代码片段及相关软件点此获取

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

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!