如何在 Chrome 上使用检查元素来识别网站特定部分的来源？

Question

对于你们来说，这听起来可能是一个非常愚蠢的问题，但是我如何使用 Chrome 上的检查元素工具来识别网站特定部分的来源？为了使其更易于理解，我想修改特定网站的页脚（基于 WordPress）。

问题在于页脚是自定义的（这意味着我无法通过 WP 后端进行编辑），所以我需要找到确切的位置或生成此页脚的原因。

这对你有意义吗？

Answer 1

我很确定您不能在开发工具中执行此操作，因为 wordpress 是基于 PHP 的，chrome 只能看到编译代码。

在您的情况下，我会尝试在主题文件夹中搜索页脚特有的 ID、类或一段代码，然后尝试这种方式。

Answer 2

这可以通过访问网站、右键单击并选择检查来完成。

将出现开发者工具下拉菜单。在左上角有一个图标，指针悬停在屏幕上（这是检查元素工具）。单击此按钮，然后将您的指针移到您希望为其查找 HTML 的网页部分。

该部分网站的 html 将在开发者窗口中突出显示，方便您查看。

然后，您可以在浏览器中进行内联编辑以立即查看已更改的代码（这将不是永久的，或更改您的代码文件），或使用该位置返回到您的 WP 编辑器并永久保存变化。