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

Réponses:

569

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

SLaks
la 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
  1. Outils de développement (F12)
  2. Trois points verticaux en haut à droite
  3. Réglages
  4. Sous l'onglet "Préférences" à gauche

Section Préférences

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

Désactiver la case à cocher

scottndecker
la 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.

  1. Ouvrez DevTools .
  2. 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.
  3. 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.

désactivation de js via le menu de commande

Kayce Basques
la source
1
avoir devtools actif avant d'essayer cela.
rahulroy9202
36

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

Ales
la source
20

Cette extension le rend plus rapide: Quick Javascript Switcher

mlb
la 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
la 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
la 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
la 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
la source
4

Pour bloquer temporairement JavaScript sur un domaine:

  1. Cliquez sur le bouton à gauche de l'adresse dans la barre d'adresse (qui dit View site information)
  2. Dans la liste déroulante à côté de JavaScript, sélectionnezAlways block on this site
  3. Rafraîchir la page
Anu Shibin Joseph Raj
la 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
la 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
la 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

Désactiver JavaScript .

c'est tout le monde!

marcdahan
la source
2

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

La première façon

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

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

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

  1. Si les outils de développement ne sont pas ouverts, ouvrez-le comme dans la première manière décrite.
  2. 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.
  3. 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.

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

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
la source
1

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

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

aletede91
la 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.
la 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
la 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
la source
0

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

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

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

défendre orque
la source