Comment désactiver JavaScript dans les outils de développement Chrome?

435

J'essaie de déboguer les fonctionnalités d'un site Web lorsque les utilisateurs désactivent leur JavaScript. Je me demandais comment désactiver JavaScript pour une page de Google Chrome DevTools?

javascript google-chrome google-chrome-devtools

— Jopela
source

2

Le menu de commandes, qui existe depuis avril 2016 environ, est probablement plus rapide que les workflows plus anciens qui reposaient sur l'accès aux paramètres DevTools: stackoverflow.com/a/40727332/1669860

— Kayce Basques

569

Cliquez sur le ⋮menu dans le coin des outils de développement, cliquez sur Paramètres, puis cochez Disable Javascriptsous Debugger.

— SLaks
source

6

Si cela ne fonctionne toujours pas, pensez à Ctrl + Maj + n, ouvrez une nouvelle fenêtre Chrome en mode navigation privée.

— PaintyJoy

4

@PaintyJoy, merci pour cette astuce. Pour une raison quelconque, mon "Désactiver Javascript" est bogué lorsque je rafraîchis ... "Mode navigation privée" -> F12> Paramètres> "Désactiver Javascript" -> Actualiser fonctionne! J'adorerais savoir POURQUOI cela ne fonctionne pas en mode normal. Je n'ai trouvé aucun ticket pour ce problème. Semble arriver uniquement à certains utilisateurs.

— Phil Tune

1

@MattParkins Chrome Developer Tool semble se casser de temps en temps (code "complexe" je suppose ^^). Donc, utilisez la réponse d'Alex isntead stackoverflow.com/a/13405449/759452

— Adrien Be

4

Pouvez-vous ajouter une capture d'écran qui montre l'emplacement de l' icône "engrenage" dans le coin inférieur droit des outils de développement? Par exemple, voici une capture d'écran des outils de développement qui montre qu'il n'y a pas d' icône "engrenage" .

— Ian Boyd

4

Vous trouverez maintenant l'option "Désactiver JavaScript" sur le côté droit dans le menu Préférences. Le titre est: "Debugger"

— Tomkay

173

Outils de développement (F12)
Trois points verticaux en haut à droite
Réglages
Sous l'onglet "Préférences" à gauche

Il y aura une section "Debugger" avec l'option (probablement à l'extrême droite)

— scottndecker
source

8

C'est vrai, ils ont rendu les choses beaucoup plus difficiles à trouver, je ne sais pas pourquoi.

— Shadow Wizard est Ear For You

Peut-être que c'est moins important maintenant, alors de nombreuses applications Web nécessitent JavaScript? C'est tellement frustrant parce que je dois continuer à tester la dégradation gracieuse, donc je dois continuellement basculer.

— Sam Holmes

90

Documentation officielle: désactiver JavaScript avec Chrome DevTools

Il y a maintenant un menu de commandes intégré à DevTools qui facilite la désactivation de JavaScript. Cela existe depuis avril 2016 environ.

Ouvrez DevTools .
Appuyez sur Command+ Shift+ P(Mac) ou Control+ Shift+ P(Windows, Linux) pour ouvrir le menu de commande. Assurez-vous que le curseur de votre curseur se trouve sur la fenêtre DevTools, pas sur la fenêtre d'affichage de votre navigateur.
Tapez Disable JavaScript(ou une version de cela ... c'est une recherche floue) puis appuyez sur Enter.

Utilisez la Enable JavaScriptcommande lorsque vous souhaitez la réactiver.

— Kayce Basques
source

1

avoir devtools actif avant d'essayer cela.

— rahulroy9202

36

chrome://settings/content Javascript / Gérer les exceptions

— Ales
source

20

Cette extension le rend plus rapide: Quick Javascript Switcher

— mlb
source

Très bon conseil, fonctionne à merveille - rapide et simple et recharge également la page! Mise en marche et arrêt instantanés

— Timidfriendly

4

La mauvaise chose est qu'elle recharge la page, alors que j'en ai besoin pour ne pas le faire.

— polkovnikov.ph

13

Vous pouvez également exécuter Chrome avec JavaScript désactivé par défaut en utilisant l'indicateur:

-disable-javascript

Vous utiliseriez cela par exemple en exécutant Chrome comme ceci:

C:\Documents and Settings\%username%\Local Settings\Application Data\Google\Chrome" -disable-javascript

— jaredwilli
source

-disable-javascriptne fonctionne pas avec google-chrome-stable-51.0.2704.106-1.x86_64.

— Cristian Ciupitu

Essayez --blink-settings=scriptEnabled=falseplutôt

— Ilya

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

— Ilya

8

Le moyen le plus rapide est probablement celui-ci:

F12 pour ouvrir la console de développement
ctrl + shift + p pour ouvrir l'outil de commande (windows)
Tapez «désactiver javascript» et appuyez sur Entrée

— remborg
source

7

Sous OSX, je devais cliquer sur les triples points verticaux et décocher une case dans la section des paramètres. Qui peut également être ouvert avecf1

— DigitalDesignDj
source

4

Utiliser uniquement le clavier au moins pour Windows 10:

F12, affiche les outils de développement
F1, affiche Paramètres
tab, passe à la case à cocher "Désactiver Javascript"
space, bascule l'option
esc, masque les paramètres

— évêque
source

4

Pour bloquer temporairement JavaScript sur un domaine:

Cliquez sur le bouton à gauche de l'adresse dans la barre d'adresse (qui dit View site information)
Dans la liste déroulante à côté de JavaScript, sélectionnezAlways block on this site
Rafraîchir la page

— Anu Shibin Joseph Raj
source

3

Sous Mac OS X:

Préférences
Afficher les paramètres avancés
Appuyez sur le bouton "paramètres de contenu"
Faites défiler jusqu'à la section "JavaScript"
Cochez la case en face de "Ne permettre à aucun site d'exécuter JavaScript"

L' extension Chrome Quick JavaScript Switcher est cependant beaucoup plus simple :-)

— Niels Bom
source

3

Allez dans les options (Windows: trois points verticaux en haut à droite) -> Paramètres, ou appuyez sur F1.
Dans la section générale, vous trouverez "désactiver JavaScript"

L'icône d'engrenage ne fait plus partie des outils de développement. Depuis Chome 30.0 il n'est même plus possible de le ramener ( Dans Google Chrome Developer Tools, les icônes de la barre d'outils ont disparu. Qu'est-ce qui donne? )

— F Pereira
source

3

Cliquez sur le menu ⋮ dans le coin des outils de développement, cliquez sur Paramètres
Cliquez sur Avancé en bas
Cliquez sur Paramètres de contenu
Cliquez sur JavaScript
Éteindre

— Sarang
source

3

La voie rapide :

1) cliquez simplement sur CTRL + MAJ + P

2) remplissez le champ par les 3 lettres dis et apparaîtra cette case et sélectionnez l'élément Désactiver Javascript

.

c'est tout le monde!

— marcdahan
source

2

Instructions complètes et rapides pour les navigateurs Chrome (Opera incl.)

La première façon

Si les outils de développement ne sont pas ouverts, appuyez F12sur la touche du clavier pour afficher les outils de développement. Dans le navigateur Opera, vous devez utiliser la combinaison de touches Ctrl+ Shift+i sur le clavier pour l'ouvrir.
Pour afficher les paramètres, appuyez simplement sur la F1touche du clavier. La fenêtre des outils de développement doit être ciblée lorsque vous le faites. Ou si vous souhaitez ouvrir les paramètres avec la souris, vous devez cliquer sur le ⋮bouton dans le coin supérieur droit des outils de développement, puis cliquer Settingsdans le menu.

Ensuite, vous devez faire défiler la fenêtre des paramètres vers le bas et vous verrez la case à cocher pour désactiver JavaScript comme suit:

Cliquez simplement sur cette case à cocher et appuyez escsur la touche du clavier pour masquer les paramètres. Si vous souhaitez l'activer, vous devez recommencer de la même manière.

La deuxième voie

Si les outils de développement ne sont pas ouverts, ouvrez-le comme dans la première manière décrite.
Appuyez sur la combinaison de touches Ctrl+ Shift+ P(pour Windows ou Linux) ou Cmd (⌘)+ Shift+P (pour Mac) pour ouvrir le menu de commande. Assurez-vous que le focus est sur la fenêtre DevTools.
Tapez-y "Désactiver JavaScript" puis appuyez Enterou cliquez dessus avec la souris. Si vous souhaitez revenir en arrière le JS enanled puis ouvrez à nouveau le menu de commande et tapez-y "Activer JavaScript" puis appuyez Enterou cliquez dessus avec la souris. Vous pouvez également y écrire uniquement "JavaScript" ou "Java", puis le choisir avec la souris.

Si tout cela ne fonctionne pas

Pour une raison quelconque, il est possible que cela ne fonctionne pas. Dans ce cas, j'ouvre un nouveau site vide en "mode navigation privée" et je fais tout cela là-bas.

Le moyen le plus rapide

Dans le Chrome Web Store ou sur le site Opera Addon, vous pouvez trouver et installer des extensions qui le font en un seul clic. Recherchez simplement "Javascript Switcher":

— Bharata
source

1

Collez-le: chrome: // paramètres / contenu

Allez dans la section "Javascript" et désactivez-le.

— aletede91
source

1

Pourriez-vous fournir plus de détails? L'utilisateur doit descendre dans la section JavaScript et choisir "Bloquer".

— Rob Sedgwick

1

Appuyez sur F8 pour geler / dégeler temporairement JS (avec DevTools ouvert).

Ceci est très utile pour déboguer des problèmes d'interface utilisateur sur des éléments qui peuvent perdre le focus si vous cliquez ou appuyez sur quoi que ce soit en dehors de cet élément. (Chrome 71.0.3578.98, Ubuntu 18.10)

— Dan D.
source

0

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

et là, vous pouvez coller l'URL de votre site Web Manage exceptions..et modifier la priorité JavaScript de PERMETTRE à BLOQUER.

— Chirag Dave
source

0

Ceci est le dernier paramètre pour les fenêtres

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

— Sheo Sagar
source

0

bonne question, j'essaie tellement de façons, mais c'est curry et ennuyeux, jusqu'à ce que je trouve un raccourci.

alt + cmd + i, ces outils de développement ouverts, à moins que vous n'utilisiez pocket, qui doivent définir un autre raccourci.
shift + cmd + p, puis saisissez: javascript

seulement deux raccourcis, mais je pense que le safari est plus pratique pour cela.

— défendre orque
source