2010-05-14 32 views
0

瀏覽器爲該功能正確呈現我的更改,但在使用 「查看源」菜單項時看不到源代碼。我怎樣才能看到更改後的HTML源代碼?

+1

可能重複的[最佳方式查看生成的網頁源?](http://stackoverflow.com/questions/1750865/best-way-to-view-generated-source-of-webpage) – 2015-08-31 14:11:42

回答

3

這是瀏覽器特定的,但調試控制檯(Firebug等)將這樣做。

+0

我是實際上並不確定你可以,至少在Firebug中。事實上,Firebug顯示了DOM樹,並且*會隨着頁面更改而改變,但源代碼是最初在頁面中調用的,而且是靜態的。 – dclowd9901 2010-05-14 20:21:45

+0

我明白你的意思了,只要查看原始資料,你就是正確的。 – x1a4 2010-05-14 20:46:07

0

大多數現代瀏覽器都有調試器和開發工具,可作爲插件或內置使用。

儘管Chrome8和IE8不在IE8的右鍵單擊上下文菜單中,而是在「工具」中,或者您可以點擊F12,但Chrome和IE8都內置了它。
在Firefox上,您可以安裝Firebug。

通常情況下,您所尋找的不是通過'查看源代碼'獲得,而是使用'檢查元素'。

您可能會發現很多調試工作都是在腳本調試器中完成的,並在DOM中進行了探索。

+0

打到F12或去工具|開發人員工具不是那個隱藏的... – NotMe 2010-05-14 20:25:32

+0

誠然,它不是'隱藏'我猜,但有點難以捉摸,如果你習慣於Firefox/Chrome,它在右鍵單擊上下文菜單中。我已編輯澄清。 – McAden 2010-05-14 20:39:07

2

「查看生成的源」在網頁開發工具的Firefox將打開一個查看源代碼就像鑑於當前源。

+0

這工作完美。謝謝。 – Mark 2010-05-14 20:54:02