使用Firebug查找代碼中的確切位置

我有一個網頁，當用戶將圖像懸停後，右側會打開一個新圖像，其中包含一些鏈接。使用Firebug查找代碼中的確切位置

基本上，我想找到那些鏈接在代碼中定義的位置。（我正在使用ColdFusion）。我可以通過使用Firebug的腳本面板或Firefox和Chrome中的開發工具動態創建HTML。有沒有一種簡單的方法來確定我能找到我正在尋找什麼？

來源

2013-10-29 Jack

難以完全理解您的問題。但我在頁面上找到特定區域的代碼的方式是通過Google Chrome的檢查工具。右鍵單擊一個元素（如問題鏈接）並選擇「檢查元素」。

來源

2013-10-29 13:26:10

如果您想要直接轉到頁面上特定元素的代碼，只需右鍵單擊它並選擇在Chrome或Firefox中檢查元素。如果您使用Firebug，您只需選擇使用Firebug檢查元素。

更新基於評論

不能從所呈現的版本，請在瀏覽器到服務器上的實際代碼。假設您可以通過FTP客戶端訪問文件，則必須手動導航到該文件。

它們位於何處取決於頁面的結構。如果您擁有一個沒有CMS的簡單HTML網站，它通常根據的結構與頁面的網址相同。如果url爲example.com/category/page.html該文件將位於的根文件夾 - >一個名爲'category'的文件夾 - >一個名爲page.html的文件。打開該文件，你會找到代碼。

要轉到您已查找的具體代碼行檢查元素功能。我通常只是在代碼編輯器中搜索它。您可以在菜單中的編輯器中找到搜索功能。

來源

2013-10-29 13:31:23 jensborje

檢查元素會告訴我在HTML代碼中確切定義了鏈接的位置，但我想知道在哪個文件夾中編寫了HTML代碼，以便我可以進行更改。 – Jack

因爲這個問題經常出現，所以getfirebug.com回答這個問題甚至有一個[FAQ部分]（https://getfirebug.com/faq#Where_is_the_source_shown_inside_the_HTML_panel_located）。 Jens已經詳細回答了這個問題，我只想補充一點，你在頁面上看到的內容甚至可能來自數據庫。所以你不一定會在代碼中找到該行。 –

使用Firebug查找代碼中的確切位置

回答

相關問題