2009-12-13 189 views
3

我注意到Firefox中顯示的源代碼似乎不完整。我有最新版本。當使用Firebug插件查看網頁時,我可以找到Firefox無法識別的元素。firefox查看源代碼

這是用於我正在處理的自動腳本。

我想知道幾件事情:

  1. 爲什麼是Firefox的插件能夠識別元素Firefox是不是?
  2. 有沒有辦法通過從Firebug的引擎,Firefox的來源,或任何其他可行的解決辦法這將使火狐認識到所有的頁面上的元素?

我的猜測是這些「隱藏」元素是在頁面加載後由javascript創建的,但我並不確定。

+0

感謝您的所有回覆!很高興看到我在正確的軌道上。所以我的下一個問題是......有沒有辦法將實時dom傳遞給Firefox? (不是所以我可以看到它,但讓Firefox能夠識別它)基本上,我試圖通過它的id動態訪問選擇框。由於此選擇框是動態創建的,因此Firefox以及我用來訪問文本框(iMacros)的過程無法識別該框。 – Andrew 2009-12-13 14:59:19

回答

11

我要說Firebug會顯示什麼在DOM (即什麼是你正在尋找它的瞬間頁),而查看源文件被displaing已經從服務器(接收到的源即它顯示在第一個時刻的頁面中的內容)

如果你想從DOM看到「源」,或許Web Developper Toolbar Extension可以提供幫助:從我記憶中,它提供了一個「視圖生成源」選項。

+1

您也可以按Ctrl + A,右鍵單擊,然後單擊查看選擇源。看到我的答案。 – SLaks 2009-12-13 14:48:33

1

你的猜測是正確的。 「查看源代碼」揭示了服務器傳遞給客戶端的確切內容。 Firebug展示的是「呈現的源代碼」,它呈現當前的DOM狀態,並將其呈現爲HTML表示形式,可能看起來或許看起來都不像實際製作的HTML代碼。

0

你的問題還不清楚。

查看源文件命令顯示從服務器下載的原始HTML。

Firebug的HTML標籤顯示的是當前頁面上的元素。
Javascript所做的任何更改都會顯示在Firebug(它提供實時視圖),但不會顯示在View Source中。 (因爲它們不在從服務器下載的HTML中)

Firefox的視圖選擇源命令(僅在選擇某些文本時才顯示)顯示DOM中的實時源,並應該精確顯示您看到的內容螢火蟲。
看到源整個頁面(除非你點擊它之後,所以如果DOM再次發生變化,則需要再次點擊它來看到的變化也不會更新),你可以按Ctrl + A ,然後右鍵單擊並單擊查看選擇源。

如果他們不回答你的問題,請詳細說明。

0

火狐顯示的源代碼,因爲它來自於服務器,通過JavaScript任何改動也不會顯示出來。 Firebug會跟蹤對文檔的更改並更新源代碼。

2

對於No.2

打開任何頁面,然後按Ctrl + A鍵或全選,點擊右鍵,單擊視圖選擇來源,你應該能夠看到任何HTML節點,你在Firebug看到。

0

做Ctrl-U或View |源代碼只會爲您提供服務器返回的靜態HTML文檔。

你可能想要看的東西 - 以及你在Firebug中看到的是呈現的DOM。如果您安裝了諸如Web Developer之類的Firefox插件,您將能夠查看呈現的DOM - 即在javascript中動態呈現的HTML和在瀏覽器中呈現的實際文檔。