ChromeでJavaScriptを有効にする方法

JavaScriptは、ウェブ開発者がサイトに動的な操作や機能を追加するためによく使うスクリプト言語です。今日のGoogle Chromeなどの主要ブラウザでは、JavaScriptは標準で有効になっており、ウェブ上の動的な操作をすぐに利用できます。

JavaScriptを無効にすると、サイト閲覧時にこれらの動的な操作がスムーズに動かなくなります。たとえばChromeでJavaScriptをオフにすると、FacebookやTwitterのタイムライン自動更新が止まります。同様に、YouTubeなどのサイトもChromeでJavaScript機能をオフにすると、ほぼ使えなくなります。

このガイドでは、JavaScriptを有効化または無効化する方法をシンプルに解説します。必要なのはGoogle Chromeが動くPCまたはノートPCだけです。

ChromeでJavaScriptがオンになっているかをすばやく確認する3つの方法：

方法1 - JavaScriptを使うサイトを開く

Gmail、YouTube、Googleマップといった対話的なサイトが普通に動作していれば、JavaScriptは有効です。プレーンテキストとレイアウト崩れだけが見える場合は、オフになっています。

方法2 - ChromeのDevToolsコンソールを使う

1. F12キー（Windows/Linux）またはCmd+Option+I（Mac）でDevToolsを開きます。
2. Consoleタブをクリック。
3. 1+1と入力してEnterキーを押します。2が返ってくればJavaScriptは動作しています。

方法3 - <noscript> フォールバックを使う

<noscript>タグを実装したページは、JavaScriptが無効のときに代替コンテンツを表示します。通常のページ内容ではなく「JavaScriptが必要です」のメッセージが表示される場合は、JavaScriptがオフになっています。

ステータス確認用ページ：もっとも簡単な確認方法は、このページ自体を開くことです。この段落が書式付きで表示されていれば、JavaScriptは正しく読み込まれています。

ChromeのJavaScriptトグルはWindows 10とWindows 11で同じ場所にあります。手順は次のとおりです：

1. Windows PCでGoogle Chromeを開きます。
2. ブラウザ右上の三点リーダーをクリックします。
3. ドロップダウンから設定を選択します。
4. 左サイドバーのプライバシーとセキュリティをクリックします。
5. サイトの設定をクリック。
6. コンテンツセクションまでスクロールしてJavaScriptをクリック。デフォルトの動作でサイトがJavaScriptを使用できるようにするを選択します。

これですべてのサイトでJavaScriptが有効になります。特定のページだけブロックしたい場合は、いつでもこのページに戻って許可しないリストにサイトを追加できます。

macOS版ChromeはWindowsと同じ設定UIを使います。手順は次のとおりです：

1. MacでGoogle Chromeを開きます。
2. メニューバーのChromeをクリック → 設定…を選択（またはCmd+,）。
3. 左サイドバーのプライバシーとセキュリティをクリック。
4. サイトの設定 → コンテンツまでスクロール → JavaScriptの順に進みます。
5. デフォルトの動作でサイトがJavaScriptを使用できるようにするを選択します。

Macでのショートカット：chrome://settings/content/javascriptのURLも有効です。アドレスバーに貼り付ければメニュー操作を省略できます。

iPhoneおよびiPad版Chromeでは、JavaScriptはデフォルトで有効です。現在のChromeのiOS/iPadOSアプリには、Chrome専用として確認できるJavaScriptの切り替え設定はありません。Appleは「設定」 → 「アプリ」 → 「Safari」 → 「詳細」 → 「JavaScript」をSafariの設定として案内しており、Chromeを制御する設定ではありません。

サイトにJavaScriptが無効だと引き続き表示される場合

1. ChromeとiOS/iPadOSを、それぞれ最新の安定版にアップデートします。
2. 問題が起きているタブを閉じて開き直し、新しいプライベートタブでも試します。
3. コンテンツブロッカー、VPN、DNSフィルタを一時的に無効にして、ページを再読み込みします。これらのツールは、ブラウザのJavaScriptエンジンを変更せずにスクリプトをブロックすることがあります。
4. このページを再読み込みし、JavaScriptの状態メッセージでコードが実際に実行されるか確認します。

問題が解決しない場合は、さらにトラブルシューティングを行う前に、ChromeとiOS/iPadOSの正確なバージョンを記録してください。このガイドでは、確認できていない切り替え設定への手順を意図的に掲載していません。

JavaScriptは全体としては許可しているが、特定のサイトだけブロックしている場合に、そのサイトだけ解除する手順は次のとおりです：

1. アドレスバー左側の調整アイコン（スライダー）または鍵アイコンをクリックします。
2. サイトの設定をクリック。
3. 権限一覧からJavaScriptを見つけ、ブロックから許可に切り替えます。
4. ページをリロードします。これでこのサイトでだけJavaScriptが動作します。

すべてのサイトでJavaScriptを許可したい場合は、下記の全体設定をご覧ください。

テスト、アクセシビリティ監査、重いページの軽量化などのために、一時的にJavaScriptをオフにしたい場合があります。2つの方法を紹介します：

方法1 - 設定から全体的に無効化

1. 三点リーダーから Chromeの設定を開きます。
2. プライバシーとセキュリティ → サイトの設定 → JavaScriptの順に進みます。
3. デフォルトの動作でサイトにJavaScriptを使用させないを選択します。

方法2 - 1ページだけ無効化（DevTools）

1. F12（またはMacの場合Cmd+Option+I）でDevToolsを開きます。
2. Ctrl+Shift+P（またはMacの場合Cmd+Shift+P）でコマンドメニューを開きます。
3. 「Disable JavaScript」と入力しEnterキーを押します。
4. JavaScriptはそのタブのみで、DevToolsを開いている間だけ無効化されます。DevToolsを閉じると元に戻ります。

方法2は、全体設定を変えずに「スクリプトなしでもページが動作するか」を確認するのに便利です（SEO監査、プログレッシブエンハンスメントのテストなどに最適）。

メニューを順にたどるのが面倒な場合、Chromeでは設定ページに直接ジャンプできます。JavaScript設定にもっとも早く到達する方法：

1. アドレスバーをクリックして入力欄にフォーカスします（またはCtrl+L）。
2. 次のURLを入力または貼り付けます：chrome://settings/content/javascript
3. Enterキーを押すと、ChromeはJavaScriptの権限ページに直接ジャンプします。
4. デフォルトの動作でサイトがJavaScriptを使用できるようにするを選択。

このショートカットはWindows、macOS、Linux、ChromeOSで動作します。Chromeの設定UIはバージョン89（2021年3月）以降、デスクトッププラットフォーム間で統一されています。

ChromeOS版のChromeはデスクトップ版と同じ設定UIを使うため、手順も同一です：

1. ChromebookでChromeを開きます。
2. ウィンドウ右上の三点リーダーをクリック。
3. 設定を選択します。
4. 左サイドバーのプライバシーとセキュリティをクリック。
5. サイトの設定 → JavaScriptの順にクリック。
6. デフォルトの動作をサイトがJavaScriptを使用できるようにするに設定します。

注：ここでオン・オフするのは閲覧するウェブサイト用のJavaScriptです。ChromeOS本体もJavaScriptで動くアプリを利用していますが、それらはシステムの「設定」アプリで個別に管理されており、通常は変更不要です。