How to Disable JavaScript in Chrome Developer Tools

How to disable JavaScript in Chrome Developer Tools?

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:

How to terminate script execution when debugging in Google Chrome?

In Chrome, there is "Task Manager", accessible via Shift+ESC or through

Menu → More Tools → Task Manager

You can select your page task and end it by pressing "End Process" button.

Chrome - Disable javascript without reload?

You can use the Devtools Command menu to "Disable Javascript" and "Enable Javascript". This was demonstrated recently by Kayce's answer to How to disable javascript in chrome developer tools.

Chrome DevTools Enable/Disable Javascript not showing

You can type chrome://settings/content/javascript in the adressbar and get the settings there.

You also have an option under Debugger to the right in the image you've provided.

Furthermore you can easily set site specific setting by clicking the lock to the right of the URL > Site Settings.

In Chrome Developer Tools, how can I disable the highlight around elements that refresh?

It's been changed at devtools v4, asked at Aug 17, 2019 and updated at Oct 3, 2019

(For React version < 15, use devtools v3 instead)

Refer:

• related issue: https://github.com/facebook/react/issues/16437

• related PR: https://github.com/facebook/react/pull/16989

---

This is how you do:

1. F12 to open the developer tools
2. Click on the Components tab
3. Within the react tree, on the upper right corner, click on the settings icon
4. Click on General tab
5. Uncheck Highlight updates when components render

Disable source maps in Chrome DevTools

Open Developer Tools, go to "Settings" for Developer Tools, then uncheck Enable JavaScript Sourcemaps under the "Sources" settings.

---

Related Topics