如何检查Web页面元素

看到任何web页面的HTML和CSS的标记

要知道什么

  • 在Chrome、Firefox或Safari:右键单击并选择一个元素检查
  • 在Internet Explorer或边缘,使检查,右键单击一个元素,并选择检查元素

这篇文章解释了如何检查元素在Chrome, Firefox, Safari, IE浏览器,和微软的优势,包括如何使检查在IE和优势。

如何检查Web浏览器元素

网站是由行代码,但是结果页面图像,视频,字体和其他特性。改变其中一个元素或看到它包含什么,找到控制的代码行。检查工具,使用一个元素。你不需要下载一个检查工具或安装一个插件为您喜爱的web浏览器。相反,右键单击页面元素,然后选择检查检查元素。你如何访问这个工具不同的浏览器,但是。

本文使用正确的- - - - - -点击指鼠标设备Windows电脑和行动控制+点击行动在Mac上。

检查元素在Google Chrome

谷歌浏览器,有两种方法可以检查使用浏览器内置的web页面Chrome DevTools:

  • 右键单击页面上的一个元素或者一个空白的区域,然后选择检查
  • 菜单,然后选择更多的工具>开发人员工具
检查在Chrome web元素

使用Chrome DevTools复制或编辑超文本标记语言(HTML)标记和隐藏或删除元素,直到页面重新加载。

Chrome DevTools打开时的页面,改变其位置,弹出的页面,搜索页面文件,选择页面中的元素靠近仔细看了看,复制文件和网址,和自定义设置。

检查元素在Mozilla Firefox

Mozilla Firefox有两个开放检查工具的方法,称为检查员:

  • 右键单击网页上的元素,然后选择检查元素
  • 从Firefox菜单栏,选择工具>Web开发人员>检查员
检查在Firefox web元素

当你把鼠标指针移动元素在Firefox上,检查员自动发现源代码元素的信息。当您选择一个元素时,即时搜索停止,您可以检查元素从检查器窗口。

右键单击一个元素找到支持的控件。使用控件编辑页面的HTML标记、复制或粘贴内在的或外在的HTML标记,显示文档对象模型(DOM)属性,截图或删除节点,应用新属性,看到层叠样式表(CSS)等等。

在Safari检查元素

有几个方法可以检查web元素Safari:

  • 右键单击任何物品或空间在一个web页面,然后选择检查元素
  • 开发菜单,然后选择显示网络督察
检查在Safari web元素

如果你不看到开发菜单,去Safari菜单,选择首选项。在先进的选项卡中,选择在菜单栏显示开发菜单复选框。

选择单个元素在网页上看到的标记用于部分。

在Internet Explorer检查元素

类似的检查元素的工具,它通过允许开发人员访问工具,可以在Internet Explorer。使开发人员工具,新闻F12。或者,去工具菜单并选择开发人员工具

显示菜单的工具,媒体Alt + X

检查web页面上的元素,右键单击该页面,然后选择检查元素。从Internet Explorer工具选择元素,选择任意页面元素的HTML标记或CSS。你也可以禁用或启用元素突出而浏览DOM Explorer。

在Internet Explorer检查web元素

像其他元素检查器工具,使用Internet Explorer来剪切、复制、粘贴和编辑HTML标记的元素,添加属性,复制元素附加样式等等。

检查元素在微软的优势

在微软的优势可以检查元素之前,您必须启用检验。有两种方法可以使检验:

  • 到地址栏回车:国旗。在对话框中,选择显示查看源代码并检查元素的上下文菜单复选框。
  • 新闻F12,然后选择DOM Explorer

检查一个元素,右键单击网页上的元素,然后选择检查元素

检查web元素在微软的优势
格式
mla 美国心理学协会 芝加哥
你的引用
鲍威尔,比尔。“如何检查Web页面元素”。ThoughtCo, Nov. 18, 2021, thoughtco.com/get-inspect-element-tool-for-browser-756549. 鲍威尔,比尔。(2021年11月18日)。如何检查Web页面元素。从https://www.thoughtco.com/get获取浏览器-检查-元素-工具- - - 756549 鲍威尔,比尔。“如何检查Web页面元素”。ThoughtCo. https://www.thoughtco.com/get-inspect-element-tool-for-browser-756549 (accessed April 9, 2023).