KB-相見恨晚的IE Dev Toolbar
2 |
為什麼? 這麼好用的東西我居然到今天才知道??
寫網頁程式的人,難免需要在HTML DOM的茫茫大海中摸索解決前端顯示的問題。我過去常用的方法是利用IE的View Source(檢視原始碼)功能取得HTML Code,簡單的問題直接看TR/TD就可以了;但如果網頁混了一堆絕對座標(style="position:absolute;")的DIV/SPAN,肯定會看到眼睛出血。所以我都會加一列<base href="http://原來的Page Path">,存成本機的HTML後就可用FrontPage檢視試改,還為自己的獨門密技小小得意了一下。
沒想到,早在去年,微軟就出了一個好用的DOM檢視工具--IE Developer Toolbar,可以即時解析目前的網頁DOM,找出各種HTML Tag、在頁面對元素加框顯示、提示CSS class、顯示圖片/連結的特殊資料、放上表尺量長寬... 嘖嘖嘖! 我要說,每個功能都做進了網頁設計工的心崁!! 實在是吾輩日常工作、居家旅行的必備良伴! 多說無益,看完以下的圖例,有在搞網頁的人應該就會迫不及待去下載了。
PS: 愛台灣、護本土的人可以下載中文化版本回去玩。 [Update@2009-03-06 網友kkbruce通報,該連結已失效。另外IE Developer Toolbar將內建到IE8裡成為賣點之一,未來不需額外下載安裝]
Comments
# by phy
你可以用这个玩意儿,只要收藏在收藏夹,要用的时候一点,指哪里就显示哪里,更绿色环保。(提醒:需要把以下全部内容粘贴进地址栏) javascript:void(z=document.body.appendChild(document.createElement('script')));void(z.language='javascript');void(z.type='text/javascript');void(z.src='http://slayeroffice.com/tools/modi/modi.js');void(z.id='modi'); [完]
# by kkbruce
上述中文化網址已經…可以刪除了。