Firefox附带的极好用网页开发辅助工具

  前陣子忘了什麼原因,点到Firefox的网页开发者选项,经过多次试了一节,发现「检测」这个功能,对于我这个半吊子的网页维护者实在有莫大的帮助。

  现在的网页多数都改成htm css型式,虽然css语法跟html不会差异太大,但在沒有所見即所得的開發工具輔助下,学习css的过程总是要很多的时间去try。因此像在修改部落格版面时,常常改到後來就會"將就"一下,因为实在try到有点累了。

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

 

  進入檢測模式後,畫面會隨著游標顯示現在所屬的框架為何,而画面右边则会秀出目前该框架的参数资讯。假若想要做些改变,可以直接修改右邊的的數值,或直接取消該語法,即可在畫面左邊馬上見到修改完後的結果,等確認完要修改的參數,再去后台修改程式码即可。

  這樣一來,不僅可以大幅縮短維護的時間,也可以提升修改结果的精确度,透过这方式,也终于让我网志部份一些不协调的版面得以修正,也讓我更加愛用Firefox了,哈。
 

发表评论

请注意:: 评论审核已启用,可能会耽误您的评论. 有没有必要重新提交您的评论.