在Safari中检查元素?


28

我已经尝试了Firebug Lite for Safari,但是内容不可编辑。是否可以编辑HTML,CSS等?

Answers:


53

只需在Safari的“偏好设置”的“ 高级”标签中启用“ 显示开发者菜单 ”即可。

启用开发模式Safari

右键单击页面时,它将启用选项“ 检查元素 ”。您也可以使用Command+ Option+ 来启动它I

您可以在Safari for Developers中获得有关此选项的更多信息-工具Safari Web Inspector指南:“开发”菜单


是的,但是如果我想查看Web链接的计算样式,则悬停不会更新样式,单击页面上的链接将转到链接目标。如何在不使用Safari的情况下显示链接的计算样式,而是跳转到链接目标?
clearlight

@clearlight你可以使用Computed:标签support.apple.com/guide/safari-developer/...
denisvm

0

您可以通过双击css右侧部分中的“ {”符号来编辑css。您也可以通过删除firebug插件,然后执行检查元素模式来编辑html。在此处输入图片说明


0

您可以通过简单的步骤完成此操作

在菜单栏中,单击 底部的“ 编辑”->“首选项”->“高级”,单击“ 在菜单栏中显示开发菜单”复选框true,此时在菜单栏中 显示一个开发菜单,您可以在其中查看所有开发选项并进行检查。在此处输入图片说明


在当前版本上不起作用
JGallardo '18
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.