如何使用 Safari 浏览器检查元素
How to Inspect Element using Safari Browser
我正在开发网站和创建应用程序。我想知道如何通过 safari 等网络浏览器检查元素。
在正常的Chrome、Firefox、Explorer 或其他任何浏览器中,我们将鼠标右键单击或按功能键F12
来查看Inspect Element
。但是在safari浏览器的情况下不会发生。
分享你的想法!
在您的 Safari 菜单栏中单击 Safari > 首选项 然后 select 高级 选项卡。
Select: "Show Develop menu in menu bar"
现在您可以点击菜单栏中的开发并选择显示Web Inspector
您也可以右键单击并按“检查元素”。
编辑
正如@dennis 在评论中所建议的那样:如果您没有看到“在菜单栏中显示开发菜单”,您可能需要在控制台中 运行 DevToolsSecurity -enable
才能看到该选项
在菜单栏中单击编辑->首选项->底部的高级单击用于在菜单栏中显示开发菜单的复选框为真现在菜单栏显示开发菜单,您可以在其中看到所有开发选项和检查。
按CMD + ,
然后点击菜单栏中的显示开发菜单。之后点击Option + CMD + i
打开和关闭检查器
我正在开发网站和创建应用程序。我想知道如何通过 safari 等网络浏览器检查元素。
在正常的Chrome、Firefox、Explorer 或其他任何浏览器中,我们将鼠标右键单击或按功能键F12
来查看Inspect Element
。但是在safari浏览器的情况下不会发生。
分享你的想法!
在您的 Safari 菜单栏中单击 Safari > 首选项 然后 select 高级 选项卡。
Select: "Show Develop menu in menu bar"
现在您可以点击菜单栏中的开发并选择显示Web Inspector
您也可以右键单击并按“检查元素”。
编辑
正如@dennis 在评论中所建议的那样:如果您没有看到“在菜单栏中显示开发菜单”,您可能需要在控制台中 运行 DevToolsSecurity -enable
才能看到该选项
在菜单栏中单击编辑->首选项->底部的高级单击用于在菜单栏中显示开发菜单的复选框为真现在菜单栏显示开发菜单,您可以在其中看到所有开发选项和检查。
按CMD + ,
然后点击菜单栏中的显示开发菜单。之后点击Option + CMD + i
打开和关闭检查器