デザインの調整などでjsやcssの調査をしたいときあります。手元のソースがないけどローカルで実行しながら調査したいときwebページを「名前を付けて保存」し、調査することがあります。
そのときローカルに画像、js、cssも一緒にダウンロードされますが、画像、js、cssをダウンロードしなくても大丈夫なのが<baseurl>
ブラウザでページのソースを表示し、コピって適当な名前でhtmlファイルを作成する。htmlファイルの先頭に
<!DOCTYPE html>
<html lang=”ja”>
<head>
<base href=http://blog.local-c.com/>
<meta charset=”UTF-8″ />
<script type=’text/javascript’ src=’/js/hoge.js‘></script>
こんな感じで書いてやると、相対パスで書いているjs、cssはbaseurlから読み込んでくれるのでとても便利!!