How to disable JavaScript in Chrome Developer Tools?

Solution 1:

Click the gear icon in the corner of the Developer Tools, click Settings, then under Debugger, check Disable Javascript, as shown in the following video:

Solution 2:

Update August 2020

1. Developer Tools (F12)
2. Click the Gear icon

3. Should open the Preference tab
4. Disable Javascript option is on the far right

Original answer

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

5. There will be a "Debugger" section with the option (probably on far right)

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.