前阵子忘了什么原因,点到Firefox的网页开发者选项,试了几项后,发现“检测”这个功能,对于我这个半吊子的网页维护者实在有莫大的帮助。
现在的大多数网页都改成了htm+css形式,虽然css语法和html差异不大,但是在没有所见即所得的开发工具辅助下,学习css的过程总是需要很多时间去尝试。因此在修改博客版面时,常常改到後來就會"將就"一下,因为实在尝试到有点累了。
Firefox「檢測」功能位於「工具」-「網頁開發者」底下,也可以透過熱鍵 Ctrl + Shift + I 叫出。

進入檢測模式後,畫面會隨著游標顯示現在所屬的框架為何,而畫面右邊則會秀出目前該框架的參數資訊。假若想要做些改變,可以直接修改右边的数值,或直接取消该语法,即可在画面左边马上见到修改完后的结果,等确认完要修改的参数,再去后台修改代码即可。

这样一来,不仅可以大幅缩短维护的时间,也可以提升修改结果的精确度,通过这种方式,也终于让我博客部分一些不协调的版面得以修正,也让我更加爱用Firefox了,哈。








留下回复