文件大小:53.39 MB  文件版本:V 0.0.117

本地下载 官方下载 本地下载

当前位置: 首页 >  chrome教程攻略 > 使用指南 > 如何在 Chrome 中使用检查元素工具?

如何在 Chrome 中使用检查元素工具?

2022-05-09 17:15:48    来源:浏览器部落    作者:admin

     Google Chrome浏览器包含大量出色的工具,可帮助您在网络上移动和执行功能。Chrome 提供的更有用的功能之一是 Inspect Element 工具。

  当您在计算机上时,您可以使用 Chrome 中的检查元素工具来检查任何网页上可视元素的 HTML 源代码。

  以下是如何在 Chrome 中使用 Inspect Element 工具。

chrome 检查元素工具

  在 Chrome 中使用检查元素工具

  您可以通过两种方式使用 Google Chrome 中的检查元素工具。

  如何在 Chrome 中使用检查元素

  启动检查元素工具的最简单方法是右键单击网页上的任何内容。然后,只需单击列表底部的“检查”选项。通常,默认情况下会启动 Element。

  如果没有,那么您可以单击 Chrome 顶部的“元素”选项卡。

  如果您使用的是 Mac,您应该能够通过 CMD+click 并选择“Inspect”来访问此菜单。

  如何使用开发者工具检查元素

  启动 Inspect Elements 就是从 Google Chrome 启动“开发者工具”。在 Chrome 中打开“更多”设置,点击更多工具,然后点击开发者工具。

  单击三点图标。该图标位于浏览器窗口右上角的地址栏旁边。它将打开一个下拉菜单。

  当您单击三点菜单时,将出现一个弹出窗口。将鼠标悬停在“更多工具”选项上,将弹出另一个子菜单。

  单击“更多工具”子菜单上的“开发者工具”。这将打开浏览器窗口右侧或浏览器窗口下方的 Inspector 列,具体取决于您的设置。

  注意:您也可以使用键盘快捷键打开检查器工具。此快捷键在 Mac 上为 Option+Cmd+I,在 Windows 上为 Ctrl+Alt+I。

  现在您可以将鼠标悬停在 Inspector 列框上的元素上。将鼠标移动到 Inspector 中的某个元素或一行将突出显示网页上选定的相应元素。

  当您突出显示要检查的元素时,只需单击它,右侧会自动弹出正确的检查器列,您可以查看所有源代码。

  就是这样。现在您知道了如何在使用计算机时使用 Chrome 中的 Inspect Element 工具来检查任何网页上可视元素的 HTML 源代码。

  • 本文关键词:
  • chrome
  • 检查元素工具
标签:
网页

本站发布的资源与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持或者购买正版!

如侵犯到您的权益,请及时通知我们,我们会及时处理,对系统之家有任何投诉或建议,请与管理员联系. 邮箱:17587008659@163.com

Copyright©2011 浏览器部落(www.liulanqibuluo.com) 版权所有 闽ICP备2022006079号-1