如何使用inspect元素定位实际的HTML文件？

Question

我知道这可能看起来像一个愚蠢的问题。我刚刚开始定制用 Symfony (PHP) 开发的 Mapbender3 应用程序。使用 Firefox 中的 Inspect Element 功能，我可以对 HTML 文件进行一些更改，但要永久进行这些更改，我需要知道它们在服务器上的实际位置。我尝试通过 ID 搜索特定元素，但我什么也没找到，而且有很多 HTML 文件我无法检查。请帮我。

Answer 1

您无法从 HTML 加载的文件数量中得知，因为对于浏览器来说，它是整个文档。

无论它是一个文件还是由一大块 HTML 代码创建然后合并为一个文件，这并不重要。对于浏览器来说，它是一个文档。

您可以看到图像、javascript、css 或字体文件，因为这些是来自特定位置的浏览器资产。检查任何浏览器上加载的 DOM 上的元素或开发人员工具。由于 HTML 是一个文档，因此 Inspect 元素也会有相同的发现。

有三种（或更多）方法（尽管不是标准方法）可以在现代 IDE（不是浏览器）中查找代码来源

1. 获取一个好的 IDE，我会说 PHPStrom 或 Netbeans，并在整个项目中搜索特定 ID 或包装器。

2. 如果元素是动态生成的，请搜索 PHP 和 Javascript 特定文件。

3. 如果您使用任何模板引擎，请搜索为您生成元素的方法。

希望这有帮助，祝你找到好运:)