2010-02-10

如何查看 Javascript 產生的 HTML 元件 ?

就阿舍所知,IE 內建的功能應該是沒有辦法的,所以,每次要 Debug 由 Javascript 動態產生的 HTML 原始碼就很痛苦,後來阿舍改用 Apple 的 Safari 瀏覽器之後才發現,這個 Safari 瀏覽器內建就有這個功能,叫做「網頁檢視器 ( Web Inspector )」,在 Javascript 執行完成後到上面選單的「開發人員」>「顯示網頁檢視器」,這樣就會跳出一個視窗,左邊出現的就是所有網頁的 HTML 元件了,點那個黑色三角型就可以一直往下展開了...。


不過,後來,阿舍發現 Google 的 Chrome 瀏覽器也有這個功能,只點選右上角的「板手」圖示,然後,點選「工具(L)」>「開發人員工具(D)」就會在畫面的下方顯示網頁的原始碼哩 !

推薦閱讀


有疑問? 問題還是沒解決嗎? 歡迎下方留言提問和討論 😁

沒有留言 :

張貼留言

歡迎留言提問和討論 .... 😁