KB-相見恨晚的IE Dev Toolbar

為什麼? 這麼好用的東西我居然到今天才知道??

寫網頁程式的人，難免需要在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裡成為賣點之一，未來不需額外下載安裝]

Published 20 October 2006 08:28 AM 由 Jeffrey

Filed under: Tools

意見

# phy said on 16 January, 2009 06:20 AM

你可以用这个玩意儿，只要收藏在收藏夹，要用的时候一点，指哪里就显示哪里，更绿色环保。（提醒：需要把以下全部内容粘贴进地址栏）

BLOCKED SCRIPTvoid(z=document.body.appendChild(document.createElement('script')));void(z.language='javascript');void(z.type='text/javascript');void(z.src='slayeroffice.com/.../modi.js');void(z.id='modi');

[完]

# kkbruce said on 05 March, 2009 10:02 PM

上述中文化網址已經…可以刪除了。

你的看法呢?

標題 (必要的)
姓名 (必要的)
你的URL (選擇性的)
意見 (必要的)
Remember Me?
請輸入以上的數字:

KB-相見恨晚的IE Dev Toolbar

意見

你的看法呢?

搜尋

這個部落格

Syndication