1. ホーム
  2. ジャバスクリプト

[解決済み】Chromeデバッガーでの編集について

2022-04-02 13:09:58

質問

Chrome のデバッガーで JavaScript のコードを動的に編集するにはどうすればよいですか?自分用ではないので、ソースファイルへのアクセスはできません。コードを編集して、それがページにどのような効果をもたらすかを確認したいのです。この場合、何度もキューに入れられるアニメーションを停止させたいと考えています。

どのように解決するのですか?

Chromeデベロッパーツールの"Scripts"タブ(以降のバージョンでは"Sources"タブ)で内蔵JavaScriptデバッガを使用できますが、コードに加えた変更は実行が通過した時点でのみ表現されます。つまり、ページがロードされた後に実行されていないコードに変更を加えても、効果はありません。の中にあるコードへの変更などとは異なります。 マウスオーバー ハンドラで、その場でテストすることができます。

Google I/O 2010の動画があります。 Chrome Developer Toolsのその他の機能を紹介しています。