使用Google Chrome浏览器Inspect元素的提示

谷歌浏览器不仅适用于普通互联网用户，还适用于网站开发人员，他们经常创建网站，设计博客等。 检查元素 或 通过Google Chrome浏览器的 选项可以帮助用户查找某个隐藏的网站信息。以下是关于在Windows PC上使用Google Chrome浏览器的Inspect元素的一些提示。

检查Chrome浏览器的元素

1]查找隐藏的JavaScript /媒体文件

如果访问者停留在网络上，很多网站会显示弹出窗口页面超过15秒或20秒。或者，在随机点击某处后，图像，广告或图标多次打开。要查找这些隐藏的网页文件，您可以使用Inspect Element的 Sources 选项卡。它显示了可以探索的左侧的树状视图列表。

2]在Chrome

中获取HEX / RGB颜色代码有时，我们可能会喜欢某种颜色，并且可能想要查找其颜色代码。您可以使用Google Chrome中的原生选项轻松找到特定网页上使用的HEX或RGB颜色代码。右键单击颜色，然后单击 检查。在大多数情况下，您会在其他CSS的右侧获得颜色代码。如果您没有看到它，那么您可能需要使用一些免费的颜色选择软件。

提示：查看这些拾色器的在线工具。

3]获取网页性能改进提示每个人都喜欢登陆一个快速打开的网站。如果你正在设计你的网站，你应该始终牢记这一点。有很多工具可以检查和优化页面加载速度。不过，谷歌浏览器还附带了一个内置工具，允许用户获得提示，以提高网站加载速度。要访问这些工具，请转至

审核 选项卡，并确保 网络利用率 ，网页性能 和重新加载页面和加载时审核 被选中。然后点击 运行 按钮。它将重新加载页面，并向您显示一些可用于加快页面的信息。例如，您可以获得所有没有缓存过期的资源，可以合并为一个文件的JavaScript等等。 4]检查响应

现在，使网页响应至关重要。有许多工具可以检查您的网站是否完全响应。不过，这款Google Chrome浏览器工具可帮助用户了解网站是否具有响应能力，以及如何检查其在特定移动设备上的显示效果。打开任何网站，获取

检查元素标签，点击 mobile 按钮，设置分辨率或选择所需的设备以测试网页。 5]编辑实时网站

假设您正在创建网页，但您对颜色感到困惑计划或导航菜单大小或内容或侧边栏比率。您可以使用Google Chrome的检查元素选项来编辑您的实时网站。尽管您无法将更改保存在实时网站上，但您可以进行所有编辑，以便进一步使用它。为此，请打开检查元素，从左侧选择HTML属性，并在右侧进行样式更改。如果您在CSS中进行了任何更改，您可以单击文件链接，复制整个代码并将其粘贴到原始文件中。

Google Chrome的检查元素是每个Web开发人员的真正伙伴。无论您是开发单页网站还是动态网站都无所谓，您当然可以使用这些技巧。