safari浏览器如何开启开发者模式?
发布于 作者:苏南大叔 来源:程序如此灵动~
各大浏览器的f12
开发者模式,对于调试页面功能,都是极为有用的。当然,在mac
系统下,快捷键不是f12
,但是苏南大叔都这么说习惯了,所以暂时还是称之为f12
功能吧。mac
系统下的safari
浏览器,默认情况下,是没有调试相关菜单的。真心是另类的浏览器。
本文主要描述:如何在safari
浏览器中,查看使用传统熟悉的f12
开发者工具。
开启高级设置
safari
的浏览器高级设置里面,切换到高级选项卡,在最下方的角落里面,就可以找到显示开发者模式的选项了。
点击出现控制台
注意,需要先打开任意网页,菜单里面的控制台相关菜单才可以点击,否则是灰色的。点击后,就可以看到熟悉的操作界面了。
这里特别澄清一下,f12
是苏南大叔的叫法,叫习惯了。其实,mac
版safari
的快捷键并不是f12
,而是shift+花+C
,似乎只有在win
下面的浏览器里面是f12
。快捷键方面,大家就入乡随俗吧~
相关链接
- https://support.apple.com/zh-cn/guide/safari/sfri20948/mac
- 《常见浏览器利用f12调试工具格式化js代码》 https://newsn.net/say/f12-format-js.html
小结
做前端最痛苦的一件事情,就是浏览器兼容性调试。你懂的,safari浏览器的相关经验文章,苏南大叔都放到了这个地方,点击看看吧?


