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

ローカルファイルが変更されると自動的に再読込を行う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」をクリックしたら完了です。