28

Firebugでは、コンソールタブに自分のJavaScriptを入力して実行できます。ChromeデベロッパーツールでJavaScriptを入力して実行する方法はありますか？

4

4 に答える 4

54
  1. に移動しchrome://flags/、[開発者ツールの実験を有効にする]フラグを有効にして、Chromeを再起動します（または--enable-devtools-experimentsコマンドラインフラグを使用して起動します）。
  2. DevToolsを開き、Settingsダイアログに移動して、タブに切り替えExperimentsます。
  3. 「スニペットサポート」実験を有効にし、DevToolsを閉じてから再度開きます。
  4. Sourcesパネルに移動します。左側のナビゲーターサイドバーで、Snippetsタブに切り替えます。
  5. このタブの[空]ツリーを右クリックして、Newコンテキストメニュー項目を選択します。
  6. 新しいスニペットに任意の名前を付けて、スニペットの本文を入力します。
  7. 完了したら、ステータスバーのRun（>）ボタンをクリックしてスニペット本文を実行します。スニペットにブレークポイントを設定し、通常のスクリプトとしてデバッグできます。
于 2012-12-10T08:30:55.480 に答える
19

ステップ1：GoogleChrome開発ツールを開く[ f12を押す]

ステップ2：[ソース]タブをクリックします

ステップ3：左側のパネルで、[スニペット]タブをクリックします（非表示になっている場合は、[ >> ]をクリックすると表示されます）

ステップ4：新しいスニペットを作成するには、[ +新しいスニペット]をクリックするか、ナビゲーター内を右クリックして、[新規]を選択します

ステップ5：コードを中央のペインに展開して保存します。

ステップ6：Snippetを実行するには、3つの方法があります

       A: Ctrl + Enter

       B: Click on Run button [ Into Right-side panel, Top-Left button ]

       C: Right-click on the snippet filename (in the pane on the left that lists
          all your snippets) and select Run.
于 2017-03-04T05:30:13.937 に答える
8

最近の ChromeChrome50を使用して、[コンソール]タブを開き、コンソールの下部でコードの入力と実行を開始します。

上向き矢印、コードを思い出してください。ctrl-enterは新しい行を表示します。

ここに画像の説明を入力してください

于 2016-06-03T09:48:24.650 に答える
0

Javascriptをデバッグすることはできませんが、 ChromeインスペクターのREPLで（jqueryを含めて）実行することはできます。

  1. インスペクターを開く
  2. 左下の3行のボタンをクリックします-そのツールチップは「showconsole」です
  3. JavaScriptを入力し、Enterキーを押します

通常、JavaScriptを評価するには、[ソース]タブに移動し、[スクリプト実行の一時停止]ボタンをクリックする必要があることに注意してください。

于 2012-12-09T22:53:46.360 に答える