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 才能輸入功能鍵。
開啟開發人員工具的設定面板
開啟 DevTools 後,選取齒輪圖示以開啟設定面板。DevTools 有焦點時,也可以按 F1。如果 F1 開啟的是 Chrome 說明,請先點選 DevTools 內部,再試一次。若系統以不同方式處理快速鍵,仍可使用齒輪圖示開啟設定。
點選 Disable JavaScript 核取方塊以停用 JavaScript
在設定中選取 Preferences 分頁,向下捲動至 Debugger 區段,再選取 Disable JavaScript。如果你的 Chrome 版本使用的英文標籤或位置不同,請在設定搜尋欄搜尋「JavaScript」。返回頁面前,確認核取方塊已選取;接著重新載入頁面以比較行為。測試完成後,請取消選取 Disable JavaScript,再進行其他測試,讓 JavaScript 恢復可用。比較時請使用相同的頁面和測試步驟,並記錄觀察到的差異。這有助於辨識頁面在不執行 JavaScript 時所產生的變化。
透過命令選單停用 Chrome 中的 JavaScript
命令選單提供可搜尋的方式來找到停用控制項。開啟 DevTools 後,在 Windows 或 Linux 按 Ctrl+Shift+P,或在 Mac 按 Command+Shift+P。在選單中輸入 JavaScript,然後從搜尋結果選擇 Disable JavaScript。返回頁面並重新載入,以檢查結果。
如果找不到該命令,請先確認 DevTools 已開啟,且命令選單目前有焦點。再次搜尋 JavaScript,或改用設定面板路徑直接尋找核取方塊。這兩種路徑都能找到 DevTools 控制項。選單名稱、位置和快速鍵操作可能因 Chrome 版本與平台而異,請依照你所安裝版本中的介面操作。若要進行有效比較,請記錄停用 JavaScript 前後的頁面狀態,並保持其他測試條件一致。