How to disable JavaScript in Chrome Developer Tools?

JavascriptGoogle ChromeGoogle Chrome-Devtools

Javascript Problem Overview

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?

Javascript Solutions

Solution 1 - Javascript

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:

enter image description here

Solution 2 - Javascript

Update August 2020

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

Settings

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

Disable JS option

Original answer

  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 - Javascript

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 - Javascript

chrome://settings/content Javascript/Manage Exceptions

Solution 5 - Javascript

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

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

Solution 6 - Javascript

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

Solution 7 - Javascript

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

Solution 8 - Javascript

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

Solution 9 - Javascript

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

Solution 10 - Javascript

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

Solution 11 - Javascript

  • 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 (https://stackoverflow.com/questions/15348919/in-google-chrome-developer-tools-the-toolbar-icons-disappeared-what-gives)

Solution 12 - Javascript

To temporarily block JavaScript on a domain :

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

Solution 13 - Javascript

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

[![disable javascript][1]][1] [1]: https://i.stack.imgur.com/vGr2r.png

.

that's all folks!

Solution 14 - Javascript

  • 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

Solution 15 - Javascript

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

The first way

  1. 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.
  2. 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:

disable JavaScript in chrome developer tools

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

  1. If Developer Tools aren't open then open it like in the first way is described.
  2. 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.
  3. 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.

disable JavaScript in chrome developer tools

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

Solution 16 - Javascript

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)

Solution 17 - Javascript

Paste it: chrome://settings/content

Go to "Javascript" section and disable it.

Solution 18 - Javascript

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.

Solution 19 - Javascript

This is the latest setting for the windows

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

Solution 20 - Javascript

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

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

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

Solution 21 - Javascript

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.

enter image description here

Categories
Recommended Javascript Solutions
Recommended Google Chrome Solutions
Recommended Google Chrome-Devtools Solutions

Previous Solution:

Multidimensional Array [][] vs [,]

C#ArraysMultidimensional Array

Next Solution:

How to delete a column from a table in MySQL

MysqlDdlAlter Table

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJopelaView Question on Stackoverflow
Solution 1 - JavascriptSLaksView Answer on Stackoverflow
Solution 2 - JavascriptScott DeckerView Answer on Stackoverflow
Solution 3 - JavascriptKayce BasquesView Answer on Stackoverflow
Solution 4 - JavascriptAlesView Answer on Stackoverflow
Solution 5 - JavascriptmlbView Answer on Stackoverflow
Solution 6 - JavascriptjaredwilliView Answer on Stackoverflow
Solution 7 - JavascriptremborgView Answer on Stackoverflow
Solution 8 - JavascriptDigitalDesignDjView Answer on Stackoverflow
Solution 9 - JavascriptbishopView Answer on Stackoverflow
Solution 10 - JavascriptNiels BomView Answer on Stackoverflow
Solution 11 - JavascriptF PereiraView Answer on Stackoverflow
Solution 12 - JavascriptAnu Shibin Joseph RajView Answer on Stackoverflow
Solution 13 - JavascriptmarcdahanView Answer on Stackoverflow
Solution 14 - JavascriptSarangView Answer on Stackoverflow
Solution 15 - JavascriptBharataView Answer on Stackoverflow
Solution 16 - JavascriptDan D.View Answer on Stackoverflow
Solution 17 - Javascriptaletede91View Answer on Stackoverflow
Solution 18 - JavascriptChirag DaveView Answer on Stackoverflow
Solution 19 - JavascriptSheo SagarView Answer on Stackoverflow
Solution 20 - Javascriptdefend orcaView Answer on Stackoverflow
Solution 21 - JavascriptPauAIView Answer on Stackoverflow