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

Question

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

Answer 1

你不能从HTML加载了多少文件中找出，因为对于浏览器来说，它是一个完整的文档。

无论它是一个文件，还是由

代码块创建然后合并成一个文件，都没有关系。对于浏览器，它是一个单独的文档。

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

在现代IDE (而不是浏览器)中，有三种(或更多)方法(尽管不是标准方法)可以找到代码的起源

1. 找一个好的集成开发环境，我会说是PHPStrom或Netbeans，然后在整个项目中搜索特定的ID或包装器。
2. 如果元素是动态生成的，则搜索PHP和Javascript特定的文件。
3. 如果您使用的是任何模板引擎，则搜索为您生成元素的方法。

希望这对查找有帮助，并祝您好运:)

Answer 2

这是不可能的。Inspect element功能是关于如何仅在浏览器中操作数据。它不会影响任何真实的文件。

Symfony中的许多元素(如表单)可以由PHP解释器生成，只有当您了解项目的整个结构并能够找到所需的任何表单时，您才能找到它们。

还要考虑到，您的网页可以从数据库的内容生成，然后你需要知道你的数据库的结构，知道在哪里可以找到一些模板。

我建议您阅读有关Mapbender的documentation。我认为对模板进行基本操作的方法必须记录下来。我不懂德语，所以我不能帮你找到你需要的东西。

Answer 3

亲爱的，找到包含你需要的文本或名称或id的文件的最好方法是使用一些特殊的IDE(Eclipse或Netbeans)，或者你可以很容易地通过你的操作系统搜索它。

例如，在windows上，您可以按照本教程进行操作：

search for all files containing "A word or phrase in the file".

在linux上，可以使用以下命令grep -r

example here

最后，如果这些方法不能解决您的问题，第三种是另一种方法，您可以通过jquery替换将您的特定div替换为另一个准备好的div。