web-dev-qa-db-ja.com

Googleからコードスニペットを実行するChromeコンソールコマンドライン、（実験的な）コードスニペット機能を使用しますか？

参照：

グーグルクロームの新しいコードスニペット機能の使用

私はグーグルクロームのコードスニペットを使用しているので、スニペットファイルがあるとしましょう。 check_consistency.js

次のように、コマンドラインから直接スニペットを実行できるAPIまたはグローバルオブジェクトはありますか？

  window.runSnippet('check_consistency.js')

または、スニペットで定義されたメソッドを直接呼び出すこともできます。

javascriptgoogle-chromegoogle-chrome-devtoolsjavascript-debugger
27
sbr

ワークフローのヒント1

また、この機能が追加されるのを見たいです。その間、おそらくSourcesを開いてみてください。ここで（ご存知のように）スニペットを選択し、右クリックして実行できます。スニペットと同時にコンソールを表示するためにこのページでEscをタップできることを知っているかもしれませんし、知らないかもしれません ：

ワークフローのヒント2

スニペットドキュメント も言及しています

特定のファイルをすばやく見つける機能は、開発者のワークフローに不可欠な場合があります。 DevToolsを使用すると、次のショートカットを使用して、すべてのスクリプト、スタイルシート、およびスニペットファイルを検索できます。

Ctrl + O (Windows, Linux)
Cmd + O (Mac OSX)

これは、現在使用しているパネルに関係なく機能します。

...そして...

スニペットを簡単に実行するためのキーボードショートカットも利用できます。スニペットを選択し、Ctrl/Cmd + Enterを使用して実行するだけです。これは、実行（>）ボタンの動作を複製します-現在ソースコンソールにありますが、近い将来、デバッガーコントロールに移動します。

これは、コンソールでCtrl/Cmd+Oを押してスニペットをすばやく選択し、Cmd/Control+Enterを押して実行できることを意味します。

17
cwd

サイトでスニペットを何度も実行している場合の回避策があります。スニペットコードを関数でラップし、グローバル変数に割り当てます。

例えば。、

window.mySnippet = function (value) {
  console.log(value.toUpperCase());
};

このスニペットを実行すると、実行できるようになります

mySnippet('hello world');  
-> "HELLO WORLD"

スニペットをメモリにロードするには、スニペットを1回実行する必要がありますが、何もないよりはましです。

9
JaredMcAteer