How to disable JavaScript in Chrome Developer Tools?

Question

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?

The command menu, which has been around since about April 2016, is probably faster than the older workflows that relied on going into DevTools settings: http://stackoverflow.com/a/40727332/1669860 — Kayce Basques, Nov 21 '16 at 18:51

score 588 · Accepted Answer · edited Apr 14 '21 at 01:12

588

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

edited Apr 14 '21 at 01:12

Dana Woodman

3,003
28
28

answered Nov 15 '12 at 20:13

SLaks

800,742
167
1,811
1,896

It is not working for me too. @Matt did you find a solution? I am trying to avoid a page from auto reloading using javascript and chrome developer tools disable JavaScript is not working. – Krishna Apr 25 '13 at 16:27
@Krishna: It's probably auto-reloading without Javascript. – SLaks Apr 25 '13 at 17:13
Yes. Looked at the source and was meaning to update it here a few hours back, but got held up. It is using meta refresh. – Krishna Apr 25 '13 at 20:33
6

If still not working, consider Ctrl+Shift+n, Open new Chrome window in incognito mode. – PaintyJoy Sep 22 '14 at 02:14
5

@PaintyJoy, thanks for that tip. For some reason my "Disable Javascript" is being buggy when I refresh... "Incognito Mode" -> F12 > Settings > "Disable Javascript" -> Refresh works! Would love to know WHY it's not working in regular mode. I haven't found any tickets for this issue. Seems to only happen to certain users. – Phil Tune Oct 29 '14 at 19:16
2

@MattParkins Chrome Developer Tool seem to break every now and then ("complex" code I guess ^^). So use Alex's answer isntead http://stackoverflow.com/a/13405449/759452 – Adrien Be Dec 05 '14 at 13:48
I know this is an older post, but it was the only thing that helped me with a google search of `google chrome 45.0.2454.85 incognito disable javascript` .. and I had to do it through DDG at that .. just wanted to note that as of a fresh install of Chrome 45.0.2454.85 the 'gear icon' does not show anywhere on the screen (in regular or incognito mode) and I had to hit `F12` to get the to icon .. FYI to others that might have the same issue – txtechhelp Sep 11 '15 at 23:02
@txtechhelp: The question is specifically asking how to disable Javascript _from the dev tools_. Clarified. – SLaks Sep 13 '15 at 01:21
6

Can you please add a screenshot that shows the location of the *"gear"* icon in the lower-right corner of the Developer Tools? For example, [here is a screenshot of the Developer Tools that shows there is no *"gear"* icon](http://i.imgur.com/OjQHSaj.png). – Ian Boyd Dec 29 '15 at 15:39
There is no gear icon anymore, they removed it at some point. – Shadow The Vaccinated Wizard Mar 14 '16 at 12:32
@ShadowWizard: Click the `...` menu in the corner, then Settings. – SLaks Mar 14 '16 at 13:54
Yeah, they moved the cheese around. Found it in a newer answer. :) – Shadow The Vaccinated Wizard Mar 14 '16 at 14:25
7

You will now find the "Disable JavaScript" option on the right side in de Preferences menu. Headline is: "Debugger" – Tomkay Oct 19 '16 at 11:37
It doesn't always work. I can't stop the javascript of Chrome Extensions even if I disable it both on the page and on the extension inspect view. – Nathan B Jun 06 '18 at 16:10
Oops, accidentally downvoted... Idea for the answer edit (so I can revert vote) is to highlight `Settings` as other menu items. Did not catch it at the first glance. – BoShurik Nov 08 '19 at 13:03

Scott Decker · Answer 2 · 2020-08-24T21:48:47.337

204

Update August 2020

Developer Tools (F12)
Click the Gear icon

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

Original answer

Developer Tools (F12)
Three vertical dots in upper right
Settings
Under the "Preferences" tab on the left

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

edited Aug 24 '20 at 21:48

answered Feb 10 '16 at 19:10

Scott Decker

3,659
5
21
36

10

Correct, they made it heck lots harder to find, no idea why. – Shadow The Vaccinated Wizard Mar 14 '16 at 12:32
Maybe it's less important now so many web apps require JavaScript? It's so frustrating because I have to keep testing graceful degradation so I need to continually switch back and forth. – Sam Holmes Nov 03 '18 at 16:00

Kayce Basques · Answer 3 · 2019-02-01T20:39:26.843

95

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.

Open DevTools.
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.
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.

edited Feb 01 '19 at 20:39

answered Nov 21 '16 at 18:50

Kayce Basques

17,419
7
71
96

1

have devtools active before trying this. – rahulroy9202 Sep 04 '17 at 05:21

score 38 · Answer 4 · edited Mar 02 '20 at 16:20

38

chrome://settings/content Javascript/Manage Exceptions

edited Mar 02 '20 at 16:20

Babadzhanov

175
2
14

answered Nov 15 '12 at 20:16

Ales

898
1
6
13

mlb · Answer 5 · 2021-05-26T18:07:34.253

21

This extension makes it faster (I am the author) : Quick Javascript Switcher

It is open source: https://github.com/maximelebreton/quick-javascript-switcher

edited May 26 '21 at 18:07

answered Apr 26 '13 at 16:11

mlb

633
7
11

Great tip, works superduperly — quick and simple and reloads the page too! Instant on and offness – Timidfriendly Apr 27 '13 at 10:28
4

Bad thing is that it reloads the page, while I need it not to do so. – polkovnikov.ph May 15 '17 at 07:09
@polkovnikov.ph it appears to have been addressed, there is now a Auto-Refresh option. Maxime, it would be good to say in the answer that you are the author. The only big missing thing is a shortcut or documentation for it: https://github.com/maximelebreton/quick-javascript-switcher/issues/32 – Ciro Santilli新疆棉花TRUMP BAN BAD May 24 '21 at 14:10
1

Thanks @CiroSantilli新疆棉花TRUMPBANBAD, this is fixed. – mlb May 26 '21 at 18:08

score 13 · Answer 6 · answered Nov 23 '12 at 18:52

13

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

answered Nov 23 '12 at 18:52

jaredwilli

10,288
5
39
40

`-disable-javascript` doesn't work with google-chrome-stable-51.0.2704.106-1.x86_64. – Cristian Ciupitu Jul 16 '16 at 20:44
1

Try `--blink-settings=scriptEnabled=false` instead – Ilya Apr 24 '18 at 07:48
Source: https://cs.chromium.org/chromium/src/out/Debug/gen/third_party/blink/renderer/core/settings_macros.h – Ilya Apr 24 '18 at 07:49

score 9 · Answer 7 · answered May 14 '18 at 17:04

9

The quickest way is problably this one:

F12 to open the dev console
ctrl + shift + p to open the command tool (windows)
Type 'disable javascript' and hit enter

answered May 14 '18 at 17:04

remborg

415
3
8

score 7 · Answer 8 · answered Nov 16 '15 at 17:54

7

On OSX, I had to click the triple vertical dots, and uncheck a box in the settings section. Which can also be opened with f1

answered Nov 16 '15 at 17:54

DigitalDesignDj

1,585
14
16

score 4 · Answer 9 · answered Sep 20 '16 at 13:17

4

Using only the keyboard at least for Windows 10:

F12, shows Developer Tools
F1, shows Settings
tab, moves to the "Disable Javascript" check box
space, toggles the option
esc, hides Settings

answered Sep 20 '16 at 13:17

bishop

32,403
9
89
122

score 4 · Answer 10 · answered Sep 01 '17 at 11:38

4

To temporarily block JavaScript on a domain :

Click on the Button left to the address on the address bar (which says View site information)
In the drop-down next to JavaScript, select Always block on this site
Reload Page

answered Sep 01 '17 at 11:38

Anu Shibin Joseph Raj

404
5
20

score 3 · Answer 11 · answered Jul 11 '13 at 14:11

On Mac OS X:

Preferences
Show advanced settings
Press the "content settings" button
Scroll to the "JavaScript" section
Check the checkbox in front of "Do not allow any site to run JavaScript"

The Chrome Quick JavaScript Switcher extension is a lot easier though :-)

score 3 · Answer 12 · edited May 23 '17 at 12:34

3

Go to options (Windows: three vertical dots in the top right) -> Settings, or hit F1.
In the General section you find "disable JavaScript"

The gear icon is no longer part of developer tools. Since Chome 30.0 it is not even possible to bring it back (In Google Chrome Developer Tools, the toolbar icons disappeared. What gives?)

edited May 23 '17 at 12:34

Community

1
1

answered Feb 03 '16 at 16:53

F Pereira

687
7
8

marcdahan · Answer 13 · 2018-06-15T15:47:37.997

3

The fast way:

1) just click on CTRL + SHIFT + P

2) fill the field by the 3 letters dis and will appear this box and select the item Disable Javascript

.

that's all folks!

edited Jun 15 '18 at 15:47

answered Jan 03 '18 at 18:39

marcdahan

1,818
19
18

score 3 · Answer 14 · answered May 29 '18 at 11:42

3

Click the ⋮ menu in the corner of the Developer Tools, click Settings
Click on Advanced at the bottom
Click on Content Settings
Click on JavaScript
Switch off

answered May 29 '18 at 11:42

Sarang

734
2
8
23

score 2 · Answer 15 · answered Nov 24 '18 at 00:45

Full and fast instructions for Chrome browsers (Opera incl.)

The first way

If Developer Tools aren't open then press F12 key on keyboard to show the Developer Tools. In Opera browser you have to use key combination Ctrl + Shift + i on keyboard to open it.
To show the settings just press F1 key on keyboard. The Developer Tools window must be focused when you are doing it. Or if you want to open the settings with the mouse then you have to click on ⋮ button in the top right corner of the Developer Tools, then click Settings in the menu.

Then you have to scroll down the settings window to bottom and then you will see the checkbox for disabling JavaScript like follows:

Just click on this checkbox and push esc key on keyboard for hide the settings. If you want to enable it then you have to do the same way again.

The second way

If Developer Tools aren't open then open it like in the first way is described.
Press the key combination Ctrl + Shift + P (for Windows or Linux) or Cmd (⌘) + Shift + P (for Mac) to open the Command Menu. Be sure that the focus is on the DevTools window.
Type there "Disable JavaScript" and then press Enter or click it with the mouse. If you want to turn back the enanled JS then open the Command Menu again and type there "Enable JavaScript" and then press Enter or click it with the mouse. You could also write just only "JavaScript" or "Java" there and then choose it with the mouse.

If all this does not work

For some reason it is possible that it does not work. I this case open a new empty site in "Incognito Mode" and do all this there.

The quickest way

In Chrome Web Store or on Opera Addon site you can find and install extensions which do it per one click. Just search "Javascript Switcher":

score 2 · Answer 16 · answered Jan 22 '19 at 12:49

2

Press F8 for temporarily freezing / unfreezing JS (with DevTools open).

This is very useful for debugging UI issues on elements that may lose focus if you click or press anything outside of that element. (Chrome 71.0.3578.98, Ubuntu 18.10)

answered Jan 22 '19 at 12:49

Dan D.

745
6
14

aletede91 · Answer 17 · 2018-03-02T14:14:11.823

1

Paste it: chrome://settings/content

Go to "Javascript" section and disable it.

edited Mar 02 '18 at 14:14

answered Mar 01 '18 at 14:08

aletede91

986
1
8
26

1

Could you provide more detail? The user has to go down to the JavaScript section and choose "Block". – Rob Sedgwick Mar 01 '18 at 14:38

score 0 · Answer 18 · answered Sep 06 '16 at 08:47

0

Chrome://chrome/settings/Privacy/Content settings/JavaScript

and there you can PASTE your website's URL in Manage exceptions.. and change the JavaScript priority from ALLOW to BLOCK.

answered Sep 06 '16 at 08:47

Chirag Dave

169
1
5

score 0 · Answer 19 · answered Oct 14 '19 at 05:49

0

This is the latest setting for the windows

Settings > Advanced > Privacy and security > Site Settings > Javascript > Blocked then get switch on and off

answered Oct 14 '19 at 05:49

Sheo Sagar

609
7
9

score 0 · Answer 20 · answered Mar 01 '20 at 10:17

good question, i try so many way, but it is curry and boring, until i find shortcut.

alt + cmd + i, this open dev tools, unless you use pocket, that need set other shortcut.
shift + cmd + p, then input: javascript

only two shortcut, but i think safari is more convenient for that.

How to disable JavaScript in Chrome Developer Tools?

20 Answers20

Full and fast instructions for Chrome browsers (Opera incl.)

Linked