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

Question

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

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

Answer 1

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

根据评论更新

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

它们的位置取决于页面的结构。如果您有一个没有 CMS 的简单 HTML 网站，它通常按照与页面 URL 相同的结构定位。如果 url 是example.com/category/page.html该文件将位于根文件夹 -> 一个名为 'category' 的文件夹 -> 一个名为 page.html 的文件。打开该文件，您将找到代码。

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

Answer 2

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