JavaScriptコンソールを異なるブラウザーで開くにはどうすればよいですか?


78

Webブラウザーは、開発ツールの一部としてJavaScriptコンソールを提供します。このコンソールは、次の理由で便利です。

  • Webページで発生したエラーと警告はコンソールにログインします。
  • Webページと対話するためのJavaScriptコマンドは、コンソールで実行できます。

さまざまなブラウザーでコンソールを開くためのキーボードショートカットは何ですか?


ここにリンクするtinyurlを作成しました。したがって、さまざまなブラウザユーザーにJavaScriptコンソールを開くよう指示する必要がある場合は、tinyurl.com / jscons
MalcolmOcean

回答:


65

クロム

ChromeのDevToolsの「コンソール」パネルを開く

  • WindowsおよびLinux:Ctrl+ Shift+J

  • Mac OS:Cmd+ Opt+J

注:「コンソール」パネルに加えてEsc、他のパネルがアクティブなときに切り替えることができる小さなスライドアップコンソールもあります。

完全なドキュメント


Firefox

Firefoxの開発者ツールで「コンソール」パネルを開く:

  • Windows:Ctrl+ Shift+K

  • Mac OS:Cmd+ Opt+K

注:「コンソール」パネルに加えてEsc、他のパネルがアクティブなときに切り替えることができる小さなスライドアップコンソールもあります。

完全なドキュメント


インターネットエクスプローラ

Internet ExplorerのF12開発者ツールで「コンソール」パネルを開く:

  • F12、[コンソール]タブをクリックします

注:「コンソール」パネルに加えて、他のパネルがアクティブなときにCtrl+ で切り替えることができる小さなスライドアップコンソールもあります`

完全なドキュメント


サファリ

注:Safariでコンソールを表示するには、Safariの設定(スクリーンショット)の[詳細]ペインで[メニューバーに開発メニューを表示]設定を有効にする必要があります。

SafariのWebインスペクターで「コンソール」パネルを開く:

  • Cmd+ Opt+C

注:「コンソール」パネルに加えてEsc、他のパネルがアクティブなときに切り替えることができる小さなスライドアップコンソールもあります。

完全なドキュメント


オペラ

  • WindowsおよびLinux:Ctrl+ Shift+I
  • Mac:+ +I

完全なドキュメント


1
Firefoxでは、[ ツール ] →[ Web開発] →[ ブラウザコンソール ]の順に選択して、別のウィンドウで開くことができます(現在のタブだけでなくグローバルに開くこともできます)。
ピーターモーテンセン

F12は多くのブラウザーで動作します。
アルバロゴンサレス

11

するには、間接的にオペラでコンソールに達する(v9.6で確認)のショートカットがあるCtrl+ Shift+ i(Windowsの場合)のSafari 5にそれがあるときCtrl+ Alt+i

すべてのブラウザメーカーが集まってキーボードショートカット標準化できればと思います。

更新:Opera 11のOpera Dragonflyの[スクリプト]タブの下にある[REPL]タブは、以前のバージョンのOperaで使用できたコンソールオプションに似ているようです。

間接参照のあるこの記事除き、大まかな検索の後、REPLに関するドキュメントはあまり見つかりませんでした。

Googleホームページを開いてREPLでこのコマンドを試してみましたが、正常に実行されました。つまり、Googleロゴを非表示にしました-document.getElementById( 'logo')。style.visibility = 'hidden';


CTRL + SHIFT +私はOperaで開発ツールを開きます。しかし、JavaScriptコンソールはどこにありますか?JavaScriptコードをどこで入力して実行できますか?
サイムVIDAS

Ctrl + Alt + Windows 7のSafari 5では何もしません。動作することを確認できますか?
サイムVIDAS

これは、[開発]メニューオプションが有効になっていない可能性があります。このオプションを有効にするには、[編集]> [設定]に移動し、[詳細設定]タブで[メニューバーに[現像]メニューを表示する]チェックボックスオプションを有効にします。
mvark

それが私の問題でした。愚かなアップルはデフォルトで開発者機能を無効にします。:)ありがとう。
サイムVIDAS

はい、それだけです。一番下にある[REPL]タブを見落とすLOL
ŠimeVidas
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.