web-dev-qa-db-ja.com

Chrome DevToolsのHtmlでJavascriptを編集する方法

Chrome DevToolsのソースパネルの* .jsファイルからJavaScriptコードを編集して実行できます。ただし、jsコードが* .htmlファイルからのものである場合、どのように編集して実行できますかブレークポイントを追加する以外にそれら？

javascriptgoogle-chrome-devtoolsjavascript-debugger
7
kevin_chen

Chrome Dev Toolsでは、「ワークスペース」を設定できます。ファイルに変更を加えると、ローカルに保存され、ブラウザにも変更が表示されます。

設定については、このGoogleガイドに従ってください。フォローするのは簡単で、スクリーンショットがあります。さらにサポートが必要な場合は、メッセージを返信してください。

手順とのリンク： https://developers.google.com/web/tools/setup/setup-workflow

2
Molik Miah

あなたがする必要があるのは、開発ツールの[要素]タブで表示しているスクリプト（つまり、*。htmlファイル）をダブルクリックすることだけです。右クリックして[HTMLとして編集]を選択することもできます ここ は開発ツールでhtmlを編集するための概要です。

完了したら、右クリックして[保存]または[名前を付けて保存]を選択することで、編集内容を保存できます。

お役に立てれば！

2
Mark