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

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

问题是页脚是定制的（这意味着我无法通过WP后端进行编辑），因此我需要找到生成此页脚的确切位置或内容

---

这对你有意义吗？

我很确定你不能在开发工具中这样做，因为wordpress是基于PHP的，chrome只能看到编译代码

---

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

这可以通过访问网站，右键单击并选择Inspect来完成

此时将出现“开发人员工具”下拉列表。在左上角有一个图标，其指针悬停在屏幕上（这是inspect element工具）。单击此按钮，然后将指针移到您希望查找HTML的网页部分

该部分网站的html将在开发者窗口中突出显示，使您易于查看

---

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

wordpress中的页脚有自己的文件（footer.php），您可以通过转到（外观>编辑器）导航到它如果你是管理员用户。他说他不能从后端做。老实说，不管怎样，通过仪表板进行代码更改都是不好的做法。如果代码是硬编码的（写入代码），那么您需要进入footer.php文件并在那里进行更改。这实际上可能会有所帮助。非常感谢！这就是我迷路的地方。我可以看到HTML和CSS，但问题是如何找到生成页脚的文件的位置？我是说，我应该看什么<代码>

• @DavidMurphy，很遗憾，您无法从前端执行此操作。HTML使用includes/文件来呈现您在屏幕上看到的HTML页面。渲染后，您将不知道用于构建页脚的包含/文件是什么。尝试查找footer.php或其他内容。