Chrome Dev Tools - JavaScript を変更してリロードする 質問する

Chrome Dev Tools - JavaScript を変更してリロードする 質問する

ページの JavaScript を変更し、変更した JavaScript ファイルを再ロードせずに(変更内容を失うことなく)ページを再ロードすることは可能ですか?

ベストアンサー1

素晴らしいニュースです。修正は 2018 年 3 月に予定されています。このリンクをご覧ください:https://developers.google.com/web/updates/2018/01/devtools

「ローカルオーバーライドを使用すると、DevToolsで変更を加え、その変更をページの読み込み後も維持できます。以前は、DevToolsで行った変更は、ページを再読み込みすると失われていました。ローカルオーバーライドは、ほとんどのファイルタイプで機能します。

使い方:

  • DevTools が変更を保存するディレクトリを指定します。DevTools で変更を加えると、DevTools は変更されたファイルのコピーをディレクトリに保存します。
  • ページをリロードすると、DevTools はネットワーク リソースではなく、ローカルの変更されたファイルを提供します。

ローカルオーバーライドを設定するには:

  1. ソース パネルを開きます。
  2. 「オーバーライド」タブを開きます。
  3. [セットアップのオーバーライド] をクリックします。
  4. 変更を保存するディレクトリを選択します。
  5. ビューポートの上部にある [許可] をクリックして、DevTools にディレクトリへの読み取りおよび書き込みアクセス権を付与します。
  6. 変更を加えてください。"

更新 (2018 年 3 月 19 日): 公開されました。詳細な説明はこちらをご覧ください:https://developers.google.com/web/updates/2018/01/devtools#overrides

おすすめ記事