网站是用代码行构建的，但结果是带有图像，视频，字体和其他功能的页面。要更改这些元素之一或查看其组成，请找到控制它的代码行。为此，请使用元素检查工具。您无需下载检查工具或为自己喜欢的Web浏览器安装附件。而是右键单击页面元素，然后选择“检查”或“检查元素”。但是，如何使用此工具取决于浏览器。

在Google Chrome浏览器中检查Elements

在Google Chrome浏览器中，有两种使用浏览器内置的Chrome DevTools检查网页的方法：

• 右键单击页面上或空白区域中的元素，然后选择“检查”。
• 转到Chrome菜单，然后选择更多工具>开发人员工具。

使用Chrome DevTools复制或编辑超文本标记语言（HTML）标记，以及隐藏或删除元素，直到页面重新加载。

当Chrome DevTools在页面的一侧打开时，更改其位置，将其弹出页面，搜索页面文件，从页面中选择要仔细查看的元素，复制文件和URL，并自定义设置。

在Mozilla Firefox中检查元素

Mozilla Firefox有两种打开检查工具的方法，称为检查器：

• 右键单击网页上的元素，然后选择“检查元素”。
• 在Firefox菜单栏中，选择工具> Web开发人员>检查器。

在Firefox中将指针移到元素上方时，Inspector会自动查找元素的源代码信息。选择元素后，即时搜索将停止，您可以从“检查器”窗口中检查该元素。

右键单击元素以找到受支持的控件。使用控件将页面编辑为HTML标记，复制或粘贴内部或外部HTML标记，显示文档对象模型（DOM）属性，截屏或删除节点，应用新属性，请参见级联样式表（CSS） ， 和更多。

在Safari中检查元素

有两种方法可以检查Safari中的Web元素：

• 右键单击网页上的任何项目或空间，然​​后选择“检查元素”。
• 转到“开发”菜单，然后选择“显示Web检查器”。

选择网页上的各个元素以查看专用于该部分的标记。

在Internet Explorer中检查元素

Internet Explorer中 提供了一个类似的检查元素工具，可以通过启用开发人员工具来对其进行访问。要启用开发人员工具，请按F12键。或者，转到“工具”菜单，然后选择“开发人员工具”。

要检查网页上的元素，请右键单击页面，然后选择检查元素。在Internet Explorer的“选择元素”工具中，选择任何页面元素以查看HTML或CSS标记。您还可以在通过DOM Explorer浏览时禁用或启用元素突出显示。

像其他元素检查器工具一样，使用Internet Explorer剪切，复制和粘贴元素，以及编辑HTML标记，添加属性，复制带有样式的元素，等等。

在Microsoft Edge中检查元素

在Microsoft Edge中检查元素之前，必须启用检查。有两种启用检查的方法：

• 转到地址栏，然后输入about：flags。在对话框中，选择“在上下文菜单中显示视图源和检查元素”复选框。
• 按F12，然后选择DOM Explorer。

要检查元素，请右键单击网页上的元素，然后选择检查元素。