Chrome Dev Tools-JavaScriptを変更して再読み込み
回答:
これは少し回避策ですが、これを実現する1つの方法は、操作するJavaScriptファイルまたはブロックの先頭にブレークポイントを追加することです。
その後、リロードすると、デバッガーはそのブレークポイントで一時停止し、ソースに必要な変更を加えてファイルを保存し、変更されたコードでデバッガーを実行できます。
しかし、誰もが言ったように、次のリロードは変更がなくなります-少なくとも、少し変更されたJSクライアント側を実行できます。
var foo = 'bar'、スクリプトを追加しfooてもコンソールには公開されません。
すばらしいニュースです。修正は2018年3月に行われます。このリンクを参照してください：https : //developers.google.com/web/updates/2018/01/devtools
「ローカルオーバーライドを使用すると、DevToolsで変更を加え、それらの変更をページの読み込み全体で維持できます。以前は、DevToolsで行った変更は、ページをリロードすると失われました。ローカルオーバーライドは、ほとんどのファイルタイプで機能します
使い方：
- DevToolsが変更を保存するディレクトリを指定します。DevToolsで変更を行うと、DevToolsは変更されたファイルのコピーをディレクトリに保存します。
- ページをリロードすると、DevToolsはネットワークリソースではなく、変更されたローカルファイルを提供します。
ローカルオーバーライドを設定するには：
- ソースパネルを開きます。
- [上書き]タブを開きます。
- [上書きの設定]をクリックします。
- 変更を保存するディレクトリを選択します。
- ビューポートの上部にある[許可]をクリックして、DevToolsにディレクトリへの読み取りおよび書き込みアクセスを許可します。
- 変更してください。」
更新（2018年3月19日）：ライブで詳細な説明はこちら：https : //developers.google.com/web/updates/2018/01/devtools#overrides
リソースの上書き拡張子は、あなたが正確に行うことができます：
- 置き換えるURLのファイルルールを作成する
- 拡張機能のjs / css / etcを編集します
- 何度でもリロード:)
正確な質問（Chromeデベロッパーツール）の回答ではないことはわかっていますが、この回避策を使用して成功しました：http ://www.telerik.com/fiddler
（ウェブ開発者の何人かがこのツールについてすでに知っていると確信しています）
- ファイルをローカルに保存します
- 必要に応じて編集
- 利益！
完全なドキュメント：http : //docs.telerik.com/fiddler/KnowledgeBase/AutoResponder
PS。私はむしろそれをフラグとしてChromeに実装したいのpreserve after reloadですが、現在これを行うことはできません。フォーラムやディスカッショングループは企業ネットワークでブロックされています:)
はい、dev-toolsの[Source]タブを開き、変更するスクリプトに移動します。開発ツールウィンドウで直接調整を行ってから、Ctrl + Sキーを押してスクリプトを保存します。ページ全体を更新するまで、新しいJSが使用されることを確認してください。