:::

16. FireFox內建「網頁開發者」工具

FireFox內建「網頁開發者」工具,此工具從FireFox4以後便陸續提供。

底下快捷鍵,按一次為執行,再按一次為取消:

  • 網頁主控台(Ctrl+Shift+K):提供網路連線狀況、JavaScript 及 CSS 錯誤訊息等資訊
  • 檢測(Ctrl+Shift+I):提供網頁元素檢測、樣式檢測等工具,也可以即時修改
  • 適應性設計檢視模式(Ctrl+Shift+M):適應性設計(Responsive Web Design)是現今網頁設計的顯學,開發者可以為不同螢幕尺寸提供最佳顯示模式。Firefox 新增的適應性設計檢視模式,搭配原先就有的各種工具,可以協助網頁設計師測試不同螢幕下的狀況。
  • 除錯器(Ctrl+Shift+S):提供一般 Debugger 常見的中斷點、逐步執行等功能
  • 程式碼速記本(Shift+F4):可以即時測試 JavaScript,寫好的程式碼可以分片段執行、也能存檔後使用
  • 樣式編輯器(Shift+F7):可以即時修改網頁樣式,當然也跟程式碼速記本一樣可以另存新檔

:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D25%26tbdsn%3D817

書籍目錄

展開 | 闔起

線上使用者

39人線上 (11人在瀏覽線上書籍)

會員: 0

訪客: 39

更多…