前陣子忘了什麼原因，點到Firefox的網頁開發者選項，試了幾項後，發現「檢測」這個功能，對於我這個半吊子的網頁維護者實在有莫大的幫助。
現在的網頁多數都改成htm+css型式，雖然css語法跟html不會差異太大，但在沒有所見即所得的開發工具輔助下，學習css的過程總是要很多的時間去try。因此像在修改部落格版面時，常常改到後來就會"將就"一下，因為實在try到有點累了。
Firefox「檢測」功能位於「工具」-「網頁開發者」底下，也可以透過熱鍵 Ctrl + Shift + I 叫出。
進入檢測模式後，畫面會隨著游標顯示現在所屬的框架為何，而畫面右邊則會秀出目前該框架的參數資訊。假若想要做些改變，可以直接修改右邊的的數值，或直接取消該語法，即可在畫面左邊馬上見到修改完後的結果，等確認完要修改的參數，再去後台修改程式碼即可。
這樣一來，不僅可以大幅縮短維護的時間，也可以提昇修改結果的精確度，透過這方式，也終於讓我網誌部份一些不協調的版面得以修正，也讓我更加愛用Firefox了，哈。
Leave a Reply