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: stackoverflow.com/a/40727332/1669860 — Kayce Basques
– Kayce Basques, Commented Nov 21, 2016 at 18:51
I am adding this as a comment because it does not answer the OP question, but it answers a related question that I was looking for (I found this, but not an answer to my question). If you want to turn off only a specific script, for example a slide show, because it is impeding efforts of adjusting CSS styles in Dev tools, do the following: Go Sources tab. Navigate file tree to find the script (usually you want to choose the minimized version). Click the || pause button. Now you can go back to the Elements tab to inspect/edit CSS without HTML (& scroll location) constantly changing. — SherylHohman
– SherylHohman, Commented Sep 18, 2021 at 21:13

SherylHohman · Accepted Answer · 2021-09-18 16:13:27Z

703

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:

edited Sep 18, 2021 at 16:13

SherylHohman

18.2k18 gold badges94 silver badges102 bronze badges

answered Nov 15, 2012 at 20:13

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

14 Comments

PaintyJoy Over a year ago

If still not working, consider Ctrl+Shift+n, Open new Chrome window in incognito mode.

Phil Tune Over a year ago

@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.

Adri w Ukraine Over a year ago

@MattParkins Chrome Developer Tool seem to break every now and then ("complex" code I guess ^^). So use Alex's answer isntead stackoverflow.com/a/13405449/759452

Ian Boyd Over a year ago

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.

Tomkay Over a year ago

You will now find the "Disable JavaScript" option on the right side in de Preferences menu. Headline is: "Debugger"

|

Scott Decker · Accepted Answer · 2025-03-09 20:28:50Z

219

+50

Update August 2020/Confirmed Feb 2025

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 Mar 9 at 20:28

answered Feb 10, 2016 at 19:10

Scott Decker

4,3177 gold badges30 silver badges42 bronze badges

2 Comments

user447356 Over a year ago

Correct, they made it heck lots harder to find, no idea why.

Brooke Holmes Over a year ago

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.

Kayce Basques · Accepted Answer · 2019-02-01 20:39:26Z

114

+200

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 1, 2019 at 20:39

answered Nov 21, 2016 at 18:50

Kayce Basques

26.4k11 gold badges103 silver badges129 bronze badges

1 Comment

rahulroy9202 Over a year ago

have devtools active before trying this.

Babadzhanov · Accepted Answer · 2020-03-02 16:20:45Z

39

chrome://settings/content Javascript/Manage Exceptions

edited Mar 2, 2020 at 16:20

Babadzhanov

5281 gold badge6 silver badges19 bronze badges

answered Nov 15, 2012 at 20:16

Ales

9081 gold badge7 silver badges13 bronze badges

Comments

mlb · Accepted Answer · 2021-05-26 18:07:34Z

20

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, 2021 at 18:07

answered Apr 26, 2013 at 16:11

mlb

6817 silver badges12 bronze badges

4 Comments

Timidfriendly Over a year ago

Great tip, works superduperly — quick and simple and reloads the page too! Instant on and offness

polkovnikov.ph Over a year ago

Bad thing is that it reloads the page, while I need it not to do so.

Ciro Santilli OurBigBook.com Over a year ago

@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: github.com/maximelebreton/quick-javascript-switcher/issues/32

mlb Over a year ago

Thanks @CiroSantilli新疆棉花TRUMPBANBAD, this is fixed.

jaredwilli · Accepted Answer · 2012-11-23 18:52:35Z

12

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, 2012 at 18:52

jaredwilli

12.4k6 gold badges44 silver badges42 bronze badges

3 Comments

Cristian Ciupitu Over a year ago

-disable-javascript doesn't work with google-chrome-stable-51.0.2704.106-1.x86_64.

Ilya Over a year ago

Try --blink-settings=scriptEnabled=false instead

Ilya Over a year ago

Source: cs.chromium.org/chromium/src/out/Debug/gen/third_party/blink/…

remborg · Accepted Answer · 2018-05-14 17:04:20Z

11

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, 2018 at 17:04

remborg

5484 silver badges14 bronze badges

Comments

DigitalDesignDj · Accepted Answer · 2015-11-16 17:54:10Z

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, 2015 at 17:54

DigitalDesignDj

1,9251 gold badge16 silver badges16 bronze badges

Comments

bishop · Accepted Answer · 2016-09-20 13:17:40Z

6

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, 2016 at 13:17

bishop

39.8k14 gold badges116 silver badges150 bronze badges

1 Comment

Ben Kigera Over a year ago

Works on ubuntu too.

marcdahan · Accepted Answer · 2018-06-15 15:47:37Z

4

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, 2018 at 15:47

answered Jan 3, 2018 at 18:39

marcdahan

3,15229 silver badges28 bronze badges

Comments

Niels Bom · Accepted Answer · 2013-07-11 14:11:07Z

3

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 :-)

answered Jul 11, 2013 at 14:11

Niels Bom

9,57711 gold badges52 silver badges65 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:34:51Z

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, 2017 at 12:34

CommunityBot

11 silver badge

answered Feb 3, 2016 at 16:53

F Pereira

1,41712 silver badges9 bronze badges

Comments

Anu Shibin Joseph Raj · Accepted Answer · 2017-09-01 11:38:14Z

3

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 1, 2017 at 11:38

Anu Shibin Joseph Raj

1,0951 gold badge13 silver badges31 bronze badges

Comments

Sarang · Accepted Answer · 2018-05-29 11:42:41Z

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, 2018 at 11:42

Sarang

7843 gold badges9 silver badges25 bronze badges

Comments

Bharata · Accepted Answer · 2018-11-24 00:45:53Z

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":

Dan D. · Accepted Answer · 2019-01-22 12:49:31Z

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, 2019 at 12:49

Dan D.

89511 silver badges19 bronze badges

Comments

stevec · Accepted Answer · 2022-12-01 14:42:19Z

2

I arrived here simply wanting to know how to disable javascript in chrome:

Right click on the website
Click "inspect"
Hit keys: ctrl + shift + p
Type: "Java"
Click "disable JavaScript"
Refresh page

It's from here

answered Dec 1, 2022 at 14:42

stevec

55.3k52 gold badges315 silver badges436 bronze badges

Comments

aletede91 · Accepted Answer · 2018-03-02 14:14:11Z

1

Paste it: chrome://settings/content

Go to "Javascript" section and disable it.

edited Mar 2, 2018 at 14:14

answered Mar 1, 2018 at 14:08

aletede91

1,1682 gold badges17 silver badges31 bronze badges

1 Comment

Rob Sedgwick Over a year ago

Could you provide more detail? The user has to go down to the JavaScript section and choose "Block".

PauAI · Accepted Answer · 2021-06-23 03:12:57Z

1

There's a settings in chrome

open the menu from chrome, click settings > type in "javascript" in the search bar > click site settings > click javascript.

from here you can toggle javascript specifically to a site using their url. or just click the big button to allow/block it to all sites.

answered Jun 23, 2021 at 3:12

PauAI

4135 silver badges16 bronze badges

Comments

Chirag Dave · Accepted Answer · 2016-09-06 08:47:03Z

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 6, 2016 at 8:47

Chirag Dave

1791 silver badge5 bronze badges

Comments

Sheo Sagar · Accepted Answer · 2019-10-14 05:49:42Z

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, 2019 at 5:49

Sheo Sagar

9179 silver badges10 bronze badges

Comments

defend orca · Accepted Answer · 2020-03-01 10:17:27Z

0

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.

answered Mar 1, 2020 at 10:17

defend orca

7439 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to disable JavaScript in Chrome Developer Tools?

22 Answers 22

14 Comments

2 Comments

1 Comment

Comments

4 Comments

3 Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

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

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

22 Answers 22

14 Comments

2 Comments

1 Comment

Comments

4 Comments

3 Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

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

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Linked

Related