最新的dom源代碼

我正在做一個JavaScript的網頁，我改變了dom中的幾個元素。反正我不能與鉻，也不與Firefox（和螢火蟲），以看到最新的DOM源代碼（當然呈現在瀏覽器中是罰款）。最新的dom源代碼

也就是說，如果我在頁面中添加一些東西（比方說，一個列表）使用JavaScript，我可以看到列表出現在我的瀏覽器，但沒有在源代碼與任何我有工具。

有沒有什麼工具可以做到這一點？

我錯過了什麼嗎？

謝謝。

2011-11-10 lc2817

在Chrome中，我相信你想要的「檢查元素」，而不是「查看源文件」 – mwilson

應該是螢火蟲的罰款。嘗試使用'檢查元素'，點擊新元素，它應該顯示你的東西 – Rodolfo

直接在頁面中的檢查元素不在DOM視圖中解決了它。 Thx @mwilson – lc2817

在Firefox中，你可以添加Web開發擴展：http://chrispederick.com/work/web-developer/

在這，有一個查看生成的源代碼的動作。它允許您在通過Javascript添加DOM後查看源代碼。

雖然，你應該可以看到螢火蟲和Chrome控制檯

2011-11-10 18:26:32 bstakes

你在哪裏找到它，我在谷歌搜索和找不到它。 – lc2817

我把它鏈接到我的答案中。我懷疑你現在看到了。 – bstakes

非常感謝！ – lc2817

當你做了查看源代碼，你沒有看到更新的DOM。你可以用螢火蟲等工具看到更新的DOM，你嘗試過螢火蟲嗎？它的一個Firefox插件..

2011-11-10 18:24:51 xgencoder

我在我的問題中說過 – lc2817

如何在螢火蟲內更新它？ – lc2817

你什麼都不做，它會在螢火蟲運行時自動更新...如果你想查看你新建立的元素的HTML，你可以右鍵單擊並選擇檢查元素。 – xgencoder

我覺得有道理的變化。在查看源代碼時，JavaScript添加的HTML不一定會顯示，但像Firebug和Chrome的開發人員工具等開發人員工具應允許您查看它。

如果你擔心它並未顯示，因爲搜索引擎優化的東西了，加上JS是不是添加的內容，如搜索引擎機器人將不會看到JS生成的內容的方式。

2011-11-10 18:28:24 Keefer

當然，我知道搜索引擎的東西，謝謝你的回答 – lc2817

回答