- 網頁設計與制作全能一本通(微課版)
- 歐陽榮華 汪艷主編
- 365字
- 2024-02-23 18:09:23
1.2.5 HTML5調試工具
調試是應用開發無法避免的過程。瀏覽器是HTML5應用的運行環境,瀏覽器內置的開發者工具提供了強大的調試功能,所以調試HTML5代碼時,推薦使用瀏覽器開發者工具中的調試器。
瀏覽器的開發者工具提供的主要調試功能有HTML5元素渲染、HTML5標簽到瀏覽器窗口中的元素細節的對應關系,還提供設備模擬功能,可以模擬不同設備的屏幕。
JavaScript代碼調試相關的工具有控制臺(Console),在控制臺可以查看JavaScript代碼的輸出內容,還可以手動輸入并運行JavaScript代碼。圖1.11中展示了在控制臺中輸入代碼“Math.pow(2, 0.5)”并執行的結果。

圖1.11 在控制臺中輸入代碼計算2的0.5次冪的值
開發者工具還有網絡調試的功能,通過它可以查看頁面發送的請求的詳情,第6章將詳細介紹相關內容。此外開發者工具還有性能、存儲等多種調試功能。
除了瀏覽器開發者工具提供的調試功能,還有一些增強瀏覽器調試功能的插件,安裝它們后可以獲得更多調試功能。