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

各大浏览器的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

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/safari-f12.html
上一篇好文:mac系统,safari浏览器如何恢复默认设置
下一篇好文:php如何使用clone关键字克隆class实例化对象

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~