Firefox附帶的極好用網頁開發輔助工具

  前陣子忘了什麼原因,點到Firefox的網頁開發者選項,試了幾項後,發現「檢測」這個功能,對於我這個半吊子的網頁維護者實在有莫大的幫助

  現在的網頁多數都改成htm css型式,雖然css語法跟html不會差異太大,但在沒有所見即所得的開發工具輔助下,學習css的過程總是要很多的時間去try因此像在修改部落格版面時,常常改到後來就會"將就"一下,因為實在try到有點累了

  Firefox「檢測」功能位於「工具」-「網頁開發者」底下,也可以透過熱鍵 Ctrl + Shift + I 叫出

 

  進入檢測模式後,畫面會隨著游標顯示現在所屬的框架為何,而畫面右邊則會秀出目前該框架的參數資訊假若想要做些改變,可以直接修改右邊的的數值,或直接取消該語法,即可在畫面左邊馬上見到修改完後的結果,等確認完要修改的參數,再去後台修改程式碼即可

  這樣一來,不僅可以大幅縮短維護的時間,也可以提昇修改結果的精確度,透過這方式,也終於讓我網誌部份一些不協調的版面得以修正,也讓我更加愛用Firefox了,חה。
 

השאיר תגובה

שים לב: תגובת התמתנות מופעלת ועלולה לעכב את התגובה שלך. אין צורך להגיש מחדש את התגובה שלך.