web-dev-qa-db-ja.com

Chrome DevToolsの[ソース]タブでファイルを編集できません

呼び出される前に、HTMLページ内のjavascript関数を編集しようとしています。

ソースタブで編集できません。バックスペースや編集ができません。何もありません。

これは実際には Stack Overflow で尋ねられるべきでした。とにかくここで答えました。

ワークスペースが設定されていない限り、[ソース]タブでHTMLページを編集することはできません。これを設定するには、 DevToolsワークスペースを使用して永続性を設定する を確認してください。コードがあなたのものである場合に推奨されます。

ただし、HTMLページの<script>タグ内のJavaScriptコードにブレークポイントを設定できます。つまり、ブレークポイントに到達すると、通常どおり実行を続行する前に、コンソールでコードを実行してアプリケーションの状態を変更できます。

代わりに 条件付きブレークポイント 内にコードを配置することで、ブレークポイントが自動的にヒットするときにコードを実行することもできます。 Chromeを使用すると、条件に対して任意のステートメントを実行できます。以下の例を参照してください。

Conditional Breakpoint

2
Gideon Pyzer