如何使用 F12 開發人員工具偵錯您的網頁

這些內容是參照舊版的 F12 開發人員工具。請參閱我們最新的 F12 工具文件

F12 工具是一套內建於每個 Windows Internet Explorer 9 安裝中的隨選工具。F12 工具可在任何頁面隨時取得,而且可讓網站開發人員快速偵錯 JavaScript、HTML 與階層式樣式表 (CSS),以及追蹤網頁或網路的效能問題。

在本節中

主題說明

F12 開發人員工具簡介

F12 開發人員工具是一套協助您建置網頁及偵錯的工具。

開始使用 F12 開發人員工具

F12 工具的功能表及按鈕提供頁面及視覺工具,協助您瀏覽工具套件。您可以利用這個工具建立文件中所有連結的報告清單、變更文件模式,或是以視覺化方式概述頁面上的特定元素。

使用 F12 工具主控台檢視錯誤和狀態

F12 工具主控台命令可以讓您接收來自 Windows Internet Explorer 9 的錯誤訊息,並在不中斷執行的情況下,從您的程式碼回傳您自己的訊息。

F12 工具主控台錯誤訊息

F12 工具主控台可以報告執行階段發生的錯誤以及資訊訊息。本文描述錯誤訊息,並提供如何修正錯誤的建議。

使用 F12 開發人員工具進行 JavaScript 錯誤偵錯

F12 工具可以讓 Web 開發人員快速找出 JavaScript 程式碼的錯誤,不用離開瀏覽器。

使用 F12 開發人員工具偵錯 HTML 和 CSS

F12 工具可以協助您尋找和修正 HTML 和階層式樣式表 (CSS) 程式碼中的錯誤,在原始程式碼中不容易發現這些錯誤。

使用分析工具分析您程式碼的效能

F12 工具提供內建的指令碼分析工具,您可以利用它分析在 Windows Internet Explorer 9 中執行的 JavaScript 程式碼效能。本主題說明這個工具的功能,以及如何使用它來檢查指令碼的效能。

 

相關主題

Internet Explorer 9 範例和教學課程

 

 

顯示:
© 2015 Microsoft