JavaScriptを使用したサイトと使用しないサイトがどのように見えるか、気になる方もいらっしゃるでしょう。Chromeでは、JavaScriptはデフォルトで有効になっていますが、可動部分をすべて取り除いたサイトの見え方を確認するために、かなり短時間で無効にすることができます。その方法をご紹介します。

なぜ、javascriptを有効または無効にしなければならないのですか？

最近のウェブサイトは可動部が多い。ほとんどのオンラインマガジンやブログは、そのサイトのスタッフをサポートするために広告を掲載しています。JavaScriptを有効にすると、これらの広告を見ることができます（つまり、このサイトを支援することになります）。

また、ほとんどのウェブサイトでは、すべての機能を正しく動作させるために、JavaScriptを有効にする必要があります。例えば、ブラウザのJavaScriptを無効にすると、Twitterのタイムラインの自動更新に別れを告げることができます。JavaScriptを有効にすると、Webサイトを優れたものにする機能のほとんどを利用することができます。

しかし、時には特定のサイトの広告をブロックしたり、JavaScriptを有効にしない場合のサイトの見え方を確認したい場合があります。googlechromeでは、JavaScriptを完全に無効にすることも、サイト単位で無効にすることも可能です。

こんな感じです。

クロームの設定でjavascriptを無効にする、有効にする

Google ChromeでJavaScriptのオプションメニューを表示するには、Chromeのアドレスバーに次のURLを入力するのが最も簡単な方法です。

Chrome://settings/content/javascript

従来の方法でアクセスする場合は、ブラウザウィンドウの右上にある3つの縦長のドットアイコンを選択する必要があります。

表示されたドロップダウンメニューの一番下にある「設定」を選択します。

プライバシーとセキュリティ」セクションを探し、「サイト設定」を選択します。

最後に、「権限」グループの中の「JavaScript」をクリックします。

デフォルトでは、JavaScriptは有効になっています。無効にするには、「許可」オプションの横にあるスライダーを左に動かします（クリックします）。スライダーを右に戻して、再度JavaScriptを有効にします。

特定のサイトでのjavascriptの使用を許可またはブロックする

前述のとおり、JavaScriptは特定のサイトに対して有効または無効にすることができます。

Chrome://settings/content/javascript

そこで、「ブロック」と「許可」のセクションが表示されます。ブロック（1）または許可（2）の横にある「追加」を選択し、それぞれサイトのJavaScriptを無効にするか有効にするかを選択します。

サイトのURLを入力し、「追加」ボタンを選択します。

ブロック」または「許可」リストに表示されるようになり、次回からそれぞれJavaScriptが無効または有効になります。

chrome devtoolsでjavascriptを無効にしてテストする。

ChromeでJavaScriptが有効になっている場合、設定メニューを経由せずに特定のサイトの外観を確認したい場合は、ChromeのDevToolsでJavaScriptを無効にできます。を再有効化しました。

サイト上の任意の場所で右クリックし、「検査」を選択することで実行できます。

また、Control+Shift+3（Windows）またはCommand+Option+3（Mac）のキーボードショートカットを使用することもできます。

DevToolsに入ったら、Control+Shift+P（Windows）またはCommand+Shift+P（Mac）を押して、コマンドメニューを表示します。

コマンドメニューの検索欄に「JavaScript」と入力し、「JavaScriptの無効化」を選択してEnterキーを押すと、「JavaScriptの無効化」コマンドが実行されます。

JavaScriptが無効になっているかどうかは、「ソース」タブ横の黄色い警告アイコンにカーソルを合わせると確認できます。