| IEDevToolBar是由微軟所推出外掛在IE瀏覽器上的CSS工具，而IEDevToolBar就好比網頁的照妖鏡，透過IEDevToolBar工具可快速查看網頁的樣式與區塊，同時該工具也相當人性化，除了透過view的選項查看網頁的畫分狀況外，還可利用選取工具，對著想要監看的區塊點一下，隨即下方則會秀出該區塊的樣式名稱或相關設定。
這也解決了人老易忘ㄟ毛病，每當作完一個專案時，過一段時間若要再修改裡頭的標題樣式時，早已忘了當初的命名為何，此時就可以利用IEDevToolBar的選取工具，對著標題點一下，隨即該標題的樣式名稱、屬性便無所遁形逐一秀出，接下來就來分享這套神奇的好用的工具。 |
|
Step1. 請由此下載該工具[IEDevToolBar]後，並執行IEDevToolBarSetup.msi且依續的完成所有的安裝步驟。 Step2 安裝完畢後，開啟IE瀏覽後，在上方的按鈕處則會出現一個藍色的箭頭圖示，只要對著該圖示點一下，隨即下方便會開啟IEDevToolBar的工作視窗。 
Step3 下方是IEDevToolBar工具視窗的基本介紹。 
※找尋該區塊的樣式名稱、屬性： Step4 對著IEDevToolBar的圖示點一下，再將滑鼠移到想查尋的區塊，當滑鼠移上去只要四周出現藍色框線表示可選取，此時點著區塊點一下，隨即便會秀出該區塊的相關名稱與屬性設定。 
※這是一個相當簡易的用法，而它的功用當然不是只有這樣而已，其它的功能就留給各位慢慢的去體驗。 |