
DevTools の Snippet という機能を使用すると、ウェブページで実行可能なコードを保存(または削除)できます(コンソール パネルで JavaScript コードを再入力するよりも便利です)。以下の手順をお試しください。
- [ソース] > [スニペット] に移動します(左側のサイドバーにあります)。
- スニペット ウィンドウを右クリックして [新規] を選択する
- ファイル名と必要なスニペットを入力します
- スニペットを右クリックして [実行] または [
Ctrl/Cmd + Enter
] を選択します。
また、複数行の編集と、保存せずに終了の確認機能があることにも注目してください。
スニペットのソース: https://github.com/bgrins/devtools-snippets