How to disable JavaScript in Chrome Developer Tools?

How to disable JavaScript in Chrome Developer Tools?

I am trying to debug the features of a website when users disable their JavaScript. I was wondering how do you disable JavaScript for a page from the Google Chrome DevTools?

Solutions/Answers:

Solution 1:

Click the menu in the corner of the Developer Tools, click Settings, then check Disable Javascript under Debugger.

Solution 2:

  1. Developer Tools (F12)
  2. Three vertical dots in upper right
  3. Settings
  4. Under the “Preferences” tab on the left

Preferences section

  1. There will be a “Debugger” section with the option (probably on far right)

Disable check box

Solution 3:

Official documentation: Disable JavaScript With Chrome DevTools

There’s now a command menu built into DevTools that makes it easier to disable JavaScript. This has been around as of April 2016 or so.

  1. Open DevTools.
  2. Press Command+Shift+P (Mac) or Control+Shift+P (Windows, Linux) to open the Command Menu. Make sure that your cursor’s focus is on the DevTools window, not your browser viewport.
  3. Type Disable JavaScript (or some version of that… it’s a fuzzy search) and then press Enter.

Use the Enable JavaScript command when you want to turn it back on.

disabling js via command menu

Solution 4:

chrome://chrome/settings/content Javascript/Manage Exceptions

Solution 5:

This extension makes it faster : Quick Javascript Switcher

Solution 6:

You can also run Chrome with JavaScript disabled by default by using the flag:

-disable-javascript

You would use this for example by running Chrome like this:

C:\Documents and Settings\%username%\Local Settings\Application Data\Google\Chrome" -disable-javascript