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

  前阵子忘了什么原因,点到Firefox的网页开发者选项,试了几项后,发现“检测”这个功能,对于我这个半吊子的网页维护者实在有莫大的帮助。

现在的大多数网页都改成了htm+css形式,虽然css语法和html差异不大,但是在没有所见即所得的开发工具辅助下,学习css的过程总是需要很多时间去尝试。因此在修改博客版面时,常常改到後來就會"將就"一下,因为实在尝试到有点累了。

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

 

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

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

留下回复

您的电子邮件地址不会被公开. 必填项已标注 *

本网站使用 Akismet 来减少垃圾评论. 了解您的评论数据如何被处理.