最近在看網頁製作的教學影片時,留意到講師有使用某種工具,可以通过鼠标光标在浏览器画面上拖曳,即时出现拖曳的长度及宽度,这种方式在想要了解页面组件的大小时,非常方便。在 Firefox 没有找到相关功能后,就转向插件下手,谷歌一下后,除了有相关的插件外,原來 Firefox 是有內建的,只是要自己手動去開啟。

◎ 按 F12 開啟「網頁開發者工具」。

◎ 點擊「…」-「設定」,找到「可用的工具箱按鈕」類別底下的「測量頁面中的部分」並勾選。

◎ 接著便可以在「…」的左邊看到一個尺規的圖案。

◎ 啟用後,便可在畫面上進行量測。

【操考連結】
- Rulers – Firefox Developer Tools | MDN








留下回复