Chromeデベロッパーツールを使用したJavaScriptの編集

Chromeのデベロッパーツールを使用して、サイトのJavaScriptを編集しようとしています。これを行う方法の約30のアカウントを読み、いくつかのビデオを視聴しました。実際には、[ソース]タブに移動して編集するファイルを開くと、何もできません。足りないステップはありますか？

ブレークポイントを作成したり、ステップスルーしたりできます。編集できません。この機能は最近削除されましたか？

この質問は古くなっていますが、同様の問題があり、解決策を見つけました。

ファイルを整頓している場合、Chromeでは編集できません。オフにして編集できました。これに賭ける意思はあなたの問題です。

「ソース」タブの開発者ツールでJavaScriptを編集できますが、独自のファイルでJavaScriptを編集することしかできません。HTML（またはPHP）ファイルに埋め込まれたスクリプトは読み取り専用のままです。

これにはいくつかの制限があります。

1. JSファイルである必要があります。タグをHTMLページに埋め込むことはできません。

2. 美化できません。

これを永続的に保存する必要があるかどうかはわかりませんが、jsを一時的に変更する必要がある場合：

変更したいjavascriptをテキストエディターにコピーして編集し、コンソールに貼り付けると、再定義する必要のある関数や何かが再定義されます。

たとえば、ページに次のような場合：

<script>
var foo = function() { console.log("Hi"); }
</script>

スクリプト間でコンテンツを取得して編集し、次のようにデバッガーに入力できます。

foo = function() { console.log("DO SOMETHING DIFFERENT"); }

そしてそれは私のために働くでしょう。

またはあなたが好きなら

function foo() {
    doAThing();
}

入力するだけです

function foo() {
    doSomethingElse();
}

fooが再定義されます。

おそらく最善の回避策ではありませんが、うまくいきます。ページをリロードするまで続きます。

「chrome dev tool edit javascript」で検索しました。このページは最初の検索結果です。しかし、それはあまりにも古く、私を助けません。

Chrome 73を使用していますが、このバージョンのChromeには[ローカルオーバーライドを有効にする]オプションがあります。この関数を使用して、JavaScriptを編集し、実行してデバッグすることができました。