FirefoxにHTMLのリアルタイムプレビュー機能を追加する「Auto Reload」

2016年12月2日

ローカルファイルが変更されると自動的に再読込を行うFirefoxアドオン「Auto Reload」のご紹介です。

Auto Reloadとは？

Auto Reloadは、FirefoxにHTMLのリアルタイムプレビュー機能を追加するFirefoxアドオンです。

Firefoxで開いているローカルファイルの変更を感知すると、自動的に再読込を行い最新の結果を表示するアドオンで、Firefoxをプレビューツールとして利用できるようになります。

HTMLだけではなく、CSS や JavaScript などのテキストコンテンツ、PNG や PDF などのマルチメディアコンテンツと幅広く対応しています。

参考：FirefoxのアドオンAuto Reloadは、HTML以外のファイル更新時にも便利

アドオンをインストールするだけのため、専用エディタを使用せず、テキストエディタなどでウェブページを作成している方にオススメのツールとなっています。

---

Auto Reloadのインストール方法

1. アドオン配布ページ（Firefox公式サイト）にアクセスし、Firefoxへ追加をクリック
   
2. インストール（I）をクリック
   
3. 今すぐ再起動（R）をクリックして、Firefoxを再起動したらインストールは完了です。
   

---

Auto Reloadの使い方

Auto Reloadのインストールが完了したら、プレビューしたいファイルをFirefoxで表示し、テキストエディタなどの編集を行います。

ファイルの保存を行うと、Auto Reloadが変更を感知し自動的に再読込が実行され、編集結果が表示されます。

通知を消す方法

初期設定では再読込の度に通知が表示されます。この通知は設定から非表示にすることができます。

1. ウィンドウ右上のメニューボタンをクリックし、「アドオン」を選択
   
2. Auto Reloadの「設定」をクリック
   
3. 「Show notifications」のチェックを外し、「OK」をクリックしたら完了です。