javascript、cssの調査で便利baseurlタグ

デザインの調整などで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から読み込んでくれるのでとても便利!!