Chromeで任意のscriptを読み込まれる前に差し替える

(2018-02-01)

ChromeのDevToolsではSourcesからscriptを書き換えられるようになっているが、 一行目にbreakpointを挟んで更新するとそこで止まるので読み込まれる前に差し替えることができる。 ページの読み込み時に呼ばれるSDKやライブラリの影響範囲を調べたりデバッグしたりするのに便利。

確認用jsとhtml

console.log("original")
<script src="index.js"></script>

読み込み時に実行されるconsole.logの文章を変えた。

差し替えているところ