1. 課題

ウェブ開発をする際、HTML, CSS, JavaScript に小さな変更を加えるたびにブラウザを更新するのは面倒。

2. 解決策

ブラウザの自動更新の機能拡張を使う。ここでは Chrome と FireFox の場合について述べる。

機能拡張 Easy Auto Refresh を使う。
(2016/05/04追記) Easy Auto Refresh だと、自動更新時にページ最上部へ移動してしまうことを確認。FireFox の TabMixPlus ではこの問題は起こらなかった。

プレビューしたい HTML ファイルを Chrome で開き、自動更新を設定してやることで、エディタで編集した内容が定期的に自動更新される。

アドオン TubMixPlus を使う。

Safari にも自動更新のアドオンがあるらしい。未調査。

Safari Tab Reloader という機能拡張があるらしい。Mac 版のみ？