ChromeデベロッパーツールでJavaScriptを無効にする方法は？

ユーザーがJavaScriptを無効にしたときにWebサイトの機能をデバッグしようとしています。Google Chrome DevToolsのページでJavaScriptをどのように無効にするのでしょうか。

⋮デベロッパーツールの隅にあるメニューをクリックし、[設定]をクリックして、で確認Disable JavascriptしDebuggerます。

1. 開発者ツール（F12）
2. 右上に3つの縦のドット
3. 設定
4. 左側の「設定」タブの下

5. オプション付きの「デバッガ」セクションがあります（おそらく右端にあります）

公式ドキュメント：Chrome DevToolsでJavaScriptを無効にする

JavaScriptを無効にするのを容易にするコマンドツールメニューがDevToolsに組み込まれました。これは2016年4月頃に発生しています。

1. DevToolsを開きます。
2. プレスCommand+ Shift+ P（Mac）またはControl+ Shift+ P（WindowsやLinux）は、コマンドメニューを開きます。カーソルのフォーカスがブラウザのビューポートではなく、DevToolsウィンドウにあることを確認してください。
3. 入力Disable JavaScript（またはその一部のバージョン...あいまい検索です）して、を押しEnterます。

Enable JavaScriptオンに戻す場合は、コマンドを使用します。

chrome://settings/content JavaScript /例外の管理

この拡張機能はそれをより速くします：Quick Javascript Switcher

次のフラグを使用して、JavaScriptをデフォルトで無効にしてChromeを実行することもできます。

-disable-javascript

たとえば、次のようにChromeを実行してこれを使用します。

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

最も速い方法はおそらくこれです：

• 開発コンソールを開くにはF12
• コマンドツールを開くには、Ctrl + Shift + P（Windows）
• 「JavaScriptを無効にする」と入力してEnterキーを押します

OSXでは、三重の縦のドットをクリックして、設定セクションのボックスをオフにする必要がありました。どちらでも開くことができますf1

少なくともWindows 10でキーボードのみを使用する場合：

• F12、開発者ツールを示しています
• F1、設定を表示
• tab、「JavaScriptを無効にする」チェックボックスに移動します
• space、オプションを切り替えます
• esc、設定を非表示

ドメインのJavaScriptを一時的にブロックするには：

1. アドレスバーのアドレスの左側にあるボタンをクリックします（つまり、View site information）
2. の横のドロップダウンでJavaScript、Always block on this site
3. ページを再読み込み

Mac OS Xの場合：

• 環境設定
• 詳細設定を表示する
• 「コンテンツ設定」ボタンを押す
• [JavaScript]セクションまでスクロールします
• 「どのサイトにもJavaScriptの実行を許可しない」の前にあるチェックボックスをオンにします

クロームクイックJavaScriptのスイッチャーの拡張子はいえ多くの方が簡単です:-)

• オプションに移動します（Windows：右上にある3つの縦のドット）->設定、またはF1キーを押します。
• 「一般」セクションに「JavaScriptを無効にする」があります

歯車のアイコンは、デベロッパーツールの一部ではなくなりました。Chome 30.0以降、元に戻すこともできません（Google Chromeデベロッパーツールでは、ツールバーアイコンが表示されなくなりました。何が原因ですか？）

• デベロッパーツールの隅にある⋮メニューをクリックし、[設定]をクリックします
• 下部にある[詳細]をクリックします
• コンテンツ設定をクリックします
• JavaScriptをクリックします
• スイッチを切る

速い方法：

1）CTRL + SHIFT + Pをクリックするだけ

2）フィールドに3文字のdisを入力すると、このボックスが表示され、[ Javascriptを無効にする]を選択します

。

それはすべての人々です！

Chromeブラウザの完全かつ高速な手順（Operaを含む）

最初の方法

1. 開発者ツールが開いていない場合はF12、キーボードのキーを押して開発者ツールを表示します。Operaブラウザーでは、キーボードのCtrl+ Shift+ キーの組み合わせを使用iして開く必要があります。
2. 設定を表示するには、F1キーボードのキーを押します。あなたがそれをしているとき、開発者ツールウィンドウはフォーカスされていなければなりません。または、マウスで設定を開く場合⋮は、開発者ツールの右上隅にあるボタンをクリックSettingsして、メニューをクリックする必要があります。

次に、設定ウィンドウを一番下までスクロールすると、JavaScriptを無効にするためのチェックボックスが次のように表示されます。

このチェックボックスをクリックしてesc、キーボードのキーを押すだけで、設定を非表示にできます。有効にしたい場合は、もう一度同じ方法で行う必要があります。

第二の方法

1. 開発ツールが開いていない場合は、最初の方法と同様に開いてください。
2. キーの組み合わせCtrl+ Shift+ P（WindowsまたはLinuxの場合）またはCmd (⌘)+ Shift+ P（Macの場合）を押して、コマンドメニューを開きます。フォーカスがDevToolsウィンドウにあることを確認してください。
3. そこで「JavaScriptを無効にする」と入力Enterし、それをマウスで押すかクリックします。関連付けられたJSを元に戻す場合は、コマンドメニューを再度開き、「JavaScriptを有効にする」と入力Enterして、マウスで押すかクリックします。「JavaScript」または「Java」だけをそこに書き込んで、マウスで選択することもできます。

これがすべて機能しない場合

何らかの理由で機能しない可能性があります。このケースでは、「シークレットモード」で新しい空のサイトを開き、そこですべてを行います。

最速の方法

ChromeウェブストアまたはOpera Addonサイトでは、ワンクリックでそれを実行する拡張機能を見つけてインストールできます。ただ検索"Javascript Switcher"：

• Chromeブラウザの場合
• Operaブラウザの場合

貼り付け：chrome：// settings / content

「Javascript」セクションに移動して無効にします。

JSを一時的にフリーズ/フリーズ解除するには、F8キーを押します（DevToolsを開いた状態で）。

これは、要素の外側で何かをクリックまたは押すとフォーカスを失う可能性がある要素のUI問題をデバッグするのに非常に役立ちます。（Chrome 71.0.3578.98、Ubuntu 18.10）

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

そして、あなたはあなたのウェブサイトのURLを貼り付けManage exceptions..、JavaScriptの優先順位をALLOWからBLOCKに変更することができます。

これはウィンドウの最新の設定です

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

良い質問です。たくさんの方法を試しますが、ショートカットが見つかるまで、カレーでつまらないです。

1. alt + cmd + i、このオープン開発ツールは、ポケットを使用しない限り、他のショートカットを設定する必要があります。
2. Shift + cmd + p、次に入力：javascript

ショートカットは2つだけですが、そのためにはサファリの方が便利だと思います。