2010-02-10

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

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


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


[+] Ubuntu 指令新手會用到的35個技法 - 這是以阿舍的使用經驗編寫出來的電子書,三天內應該就看的完,學的起來哩 ! 有空就參考一下囉 ! ... ^^=

關於阿舍

好文不藏私,請多分享囉!! ^^=



沒有留言 :

張貼留言

如果留言後,發現留言不見了,這通常是因為 Goolge 把它認為是垃圾留言了,請用信件通知阿舍調整 ( ayubiz@gmail.com )。謝謝 !