How do you turn off JavaScript in Chrome using Developer Tools for debugging purposes?

General Discussions
, ,
2

I’ve been working with DevTools for over 6 years now, and yeah, disabling JavaScript temporarily is super handy for debugging or testing fallbacks. You can do it directly in Chrome DevTools without affecting the whole browser. Here’s how I usually do it:

  1. Open DevTools (F12 or right-click → Inspect).
  2. Click the three-dot menu (top-right) → Settings.
  3. In the sidebar, go to Preferences, scroll to Debugger.
  4. Check Disable JavaScript.
  5. Refresh the page.

This disables JavaScript only for that tab, so you don’t mess with global settings. Handy when testing how your app behaves when a javascript time function doesn’t fire properly. Just uncheck it to turn JS back on. :repeat: