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

标签 html css firebug

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

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

最佳答案

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

根据评论更新

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

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

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

关于html - 使用 Firebug 在代码中查找确切位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19658836/

相关文章:

javascript - 如何在 Firebug 中搜索整个 JavaScript 对象?

css - 如何通过 Dev-Tools 或 Firebug 一次添加多个 css 规则

javascript - 如何在这里正确使用 .each ?

html - 如何添加功能 Bootstrap 搜索栏

html - 使用边框会导致与 Bootstrap 3 的错误对齐

css - "-webkit-overflow-scrolling: touch"在移动设备上导致垂直滚动问题

HTML、CSS - 由于未知原因,正文水平超出屏幕

javascript - Google Drive音频流而不影响下载数量?

html - 带有填充 :url(#id) style in external stylesheet broken, 内联样式的 Firefox SVG 很好

html - scss 编译报错没有mixin named transalate property