Web から取得した html をローカルで動かしたとき相対パスが読み込めなくなる問題の解決法

技術調査などで Web ページの html をちょっと修正して挙動を見てみたいけど、デベロッパーツールだとちょっと面倒な修正のときに使える Tips

html ソースをブラウザから取得してローカルで動かした場合、相対パスで記述されている css や javascript が読み込めなくなってしまいますが、head タグ内に下記を記述すると解決します。

  <base href="{元のWebページのURL}" />

なんで今までこんなことに気づかなかったのか…