HOWTO · JavaScript

在 Google Chrome 開發者工具中禁用 JavaScript

瞭解如何從 Chrome 開發人員工具設定面板中禁用網頁上的 JavaScript。

本頁內容

使用 Chrome DevTools 檢查網站或網頁應用程式在停用 JavaScript 時的行為

你可以使用 Chrome DevTools 檢查網站或網頁應用程式在停用 JavaScript 時的行為,無須安裝瀏覽器擴充功能。你可以在 DevTools 設定中找到控制項,也可以透過命令選單搜尋。以下步驟使用英文介面;選單名稱和位置可能因 Chrome 版本而異。兩種方法都需要先開啟 DevTools。設定路徑可供你瀏覽各項偏好設定;命令選單路徑則可直接搜尋控制項。

從設定面板手動停用 Chrome 中的 JavaScript

設定面板中有一個可停用 JavaScript 的核取方塊。請在檢查網站的分頁中開啟 DevTools,然後找到並勾選該方塊。接著重新載入頁面,讓頁面在套用設定後再次執行。使用相同頁面和測試步驟,比較 JavaScript 啟用時的結果。

在目標分頁中開啟開發人員工具

開啟 Chrome 的三點選單,選擇 More tools > Developer tools。你也可以在 Windows 或 Linux 按 Ctrl+Shift+I,或在 Mac 按 Command+Option+I。許多鍵盤也可使用 F12 快速鍵。快速鍵的作用會受作業系統和鍵盤設定影響;如果快速鍵無法開啟 DevTools,請改用三點選單。在某些精簡型鍵盤上,可能需要按住 Fn 才能輸入功能鍵。

Chrome 設定選單中的開發人員工具選項(英文介面)

開啟開發人員工具的設定面板

開啟 DevTools 後,選取齒輪圖示以開啟設定面板。DevTools 有焦點時,也可以按 F1。如果 F1 開啟的是 Chrome 說明,請先點選 DevTools 內部,再試一次。若系統以不同方式處理快速鍵,仍可使用齒輪圖示開啟設定。

開發人員工具中的設定齒輪圖示(英文介面)

點選 Disable JavaScript 核取方塊以停用 JavaScript

在設定中選取 Preferences 分頁,向下捲動至 Debugger 區段,再選取 Disable JavaScript。如果你的 Chrome 版本使用的英文標籤或位置不同,請在設定搜尋欄搜尋「JavaScript」。返回頁面前,確認核取方塊已選取;接著重新載入頁面以比較行為。測試完成後,請取消選取 Disable JavaScript,再進行其他測試,讓 JavaScript 恢復可用。比較時請使用相同的頁面和測試步驟,並記錄觀察到的差異。這有助於辨識頁面在不執行 JavaScript 時所產生的變化。

開發人員工具設定中停用 JavaScript 的核取方塊(英文介面)

透過命令選單停用 Chrome 中的 JavaScript

命令選單提供可搜尋的方式來找到停用控制項。開啟 DevTools 後,在 Windows 或 Linux 按 Ctrl+Shift+P,或在 Mac 按 Command+Shift+P。在選單中輸入 JavaScript,然後從搜尋結果選擇 Disable JavaScript。返回頁面並重新載入,以檢查結果。

開發人員工具命令選單中的停用 JavaScript 選項(英文介面)

如果找不到該命令,請先確認 DevTools 已開啟,且命令選單目前有焦點。再次搜尋 JavaScript,或改用設定面板路徑直接尋找核取方塊。這兩種路徑都能找到 DevTools 控制項。選單名稱、位置和快速鍵操作可能因 Chrome 版本與平台而異,請依照你所安裝版本中的介面操作。若要進行有效比較,請記錄停用 JavaScript 前後的頁面狀態,並保持其他測試條件一致。