如何使用inspect元素找到实际的HTML文件?

时间:2015-10-27 06:19:47

标签: html symfony firefox web-inspector

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

3 个答案:

答案 0 :(得分:3)

您无法找到HTML加载的文件数量,因为对于浏览器来说,它是整个文档。

  

如果它是一个文件或由大块HTML创建并不重要   代码然后合并为一个。对于浏览器来说,它是一个单独的文档。

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

在现代IDE(而不是浏览器)中找到代码的来源有三种(或更多)方法(虽然不是标准方法)

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

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

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

  4. 希望这有助于并找到好运:)

答案 1 :(得分:1)

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

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

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

我建议你阅读关于Mapbender的documentation。我认为必须记录使用模板进行基本操作的方法。我不懂德语,所以无法帮助找到你需要的东西。

答案 2 :(得分:1)

看看亲爱的找到包含所需文本或名称或ID的文件的最佳方法是使用一些特殊的IDE(Eclipse或Netbeans),或者您可以通过操作系统轻松搜索它。

例如在本教程可以遵循的Windows上:

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

在Linux上

你可以使用这个命令grep -r

example here

最后,如果这些方法无法解决您的问题,则可以通过jquery replace将另一个预备div替换为特定div,这是另一种方式。