應用程序使HTML有意義嗎？

是否有一個Windows應用程序可以用來簡單地粘貼頁面的HTML源代碼，並對其進行解析，以便我可以看到每個部分的開始和結束位置？應用程序使HTML有意義嗎？

當行錯誤縮進時，找出頁面的邏輯是一件很痛苦的事情。

我寧願一個獨立的實用程序，而不是瀏覽器的附件。

謝謝。

編輯：如果可能的話，我想光實用程序（即，不是一個正式的IDE如Eclipse或VS。），其顯示塊作爲一棵樹，所以我能夠摺疊/展開塊，集中那些我感興趣的。

來源

2010-08-27 Gulbahar

您使用哪種編輯器進行HTML編寫？ – Gordon 2010-08-27 09:43:40

這不是我的網站，但要弄清楚外國網站是如何工作的。 – Gulbahar 2010-08-27 09:47:26

大多數現代瀏覽器中的內置DOM檢查器將是一個好的開始。我知道你說的是單機版，而不是瀏覽器插件，但其優點是它們會突出顯示頁面上的元素，這非常方便。他們也很適合使用CSS和快速的Javascript實驗。

對於IE8，請轉至Tools > Developer Tools（或F12）。有一個可用的夫婦的一些推廣爲IE6 IE7 &：IE Developer Toolbar和Web Development Helper

對於Opera和Chrome，只需右鍵點擊任何地方>Inspect Element。 Safari also has this它只是必須啓用。

對於Firefox，你需要下載Firebug

所有這些我喜歡螢火蟲。根據我的經驗，它往往是最穩定和最簡單的HTML和CSS更改頁面進行試驗，儘管WebKit檢查器也非常好。

一定要記住，這些工具向您展示瞭解析的DOM樹，它可能與原始HTML不同。

來源

2010-08-27 14:32:59 roryf

謝謝。它看起來也是一個很好的解決方案。 – Gulbahar 2010-08-29 09:17:18

如果您在Eclipse中開發的IntelliJ或你的HTML可以使用格式代碼快捷

來源

2010-08-27 09:31:47 Molske

聽起來HTML tidy將適合該法案。

許多程序員編輯已經有這個地方 - 記事本++有一個HTML整潔的功能，也可以使用visual studio（Ctrl + k + d）。

來源

2010-08-27 09:33:00 Oded

感謝您的提示。 Notepad ++：TextFX> TextFX HTML Tidy。嘗試完成後，它完成了這項工作，但我認爲我寧願使用樹狀編輯器，這樣我就可以（不）摺疊塊並專注於我感興趣的區域。是否有一種輕鬆的解決方案（我不要使用Eclipse，VS等）？ – Gulbahar 2010-08-27 09:46:54

@overtherainbow - 如果你確定語言設置爲HTML，Notepad ++可以做到這一點。 – Oded 2010-08-27 10:03:20

感謝您的提示：語言> H> HTML，然後查看>全部摺疊（ALT + 0）。我一直在尋找一種非WYSIWYG HTML編輯器，它可以一次完成這個任務，但如果沒有這種東西，記事本就足夠了。謝謝。 – Gulbahar 2010-08-27 10:08:58

安裝免費的Opera瀏覽器，導航到頁面，右鍵點擊某個東西，按「檢查元件」。

來源

2010-08-27 14:18:51 Soonts

應用程序使HTML有意義嗎？

回答

相關問題