使用Firebug在代码中查找确切位置

Question

我有一个网页，当用户悬停图片时，右侧会打开一个新图片，其中包含一些链接。

基本上，我想找到代码中定义这些链接的位置。 （我正在使用ColdFusion）。我可以看到HTML是使用Firebug的 Script 面板或Firefox和Chrome中的开发工具动态创建的。有没有一种简单的方法可以确定我在哪里可以找到我想要的东西？

Answer 1

如果您想直接转到页面上特定元素的代码，只需右键单击它，然后在Chrome或Firefox中选择 Inspect Element 。 如果你使用Firebug，你只需选择使用Firebug检查元素。

根据评论进行更新

您无法从浏览器中呈现的版本转到服务器上的实际代码。假设您可以通过FTP客户端访问文件，则必须手动导航到该文件。

它们所在的位置取决于页面的结构。如果您有一个没有CMS的简单HTML网站，通常会根据与网页网址相同的结构进行定位。如果网址为 example.com/category/page.html ，则该文件将位于根文件夹中 - ＆gt;名为“category”的文件夹 - ＆gt;一个名为page.html的文件。打开该文件，您将找到代码。

转到使用 Inspect Element 功能查找的特定代码行。我通常只是在代码编辑器中搜索它。您可以在菜单中的编辑器中找到搜索功能。

Answer 2

很难完全理解你的问题。但是我在页面上找到特定代码区域的方式是通过Google Chrome的检查器工具。右键单击元素（如相关链接）并选择“Inspect element”。