ez-HTMLのGeckoプレビューをFirefox最新版と同じ表示にする方法

必要なファイルをダウンロード

XULRunner - MDCへ行くと、ファイルへのリンクがあるのでクリック。

下画像のように、バージョンごとに分かれているので最新版（一番下）のリンクをクリックし、runtimes/を選んだ先にあるxulrunner-1.9.1.4.en-US.win32.zipをダウンロード。

dllを登録する

コマンドプロンプトを管理者権限で起動

コマンドプロンプトを起動。スタートメニューにあるコマンドプロンプトのアイコンを右クリックして、管理者権限で起動します。
確認ダイアログが出てくるが気にせず続けます。

mozctlx.dllを登録

コマンドプロンプトで次のように入力。

regsvr32 "C:\Program Files\xulrunner\mozctlx.dll"

画像のようなダイアログが出たら成功。

ez-HTMLに登録する

［表示］>［詳細設定］から［インターネット］>［内蔵プレビュー］へ。
画像の赤枠内のテキストボックスにxulrunnerのディレクトリへのパスを指定します。

簡単なテストをしてみる

現時点（2009-11-06）でのxulrunnerの最新版は1.9.1で、Firefox 3.5.4と同等。
それならCSS3のプロパティにも対応しているはず。
というわけで、Firefox 3.5から対応したCSSプロパティを試してみました。
試したHTMLとCSSのソースは以下。

<div>
  <h1>ez-HTML の Gecko プレビューを Firefox 3.5 相当に</h1>
  <p>
  このように、
  <code>-moz-border-radius</code>,
  <code>-moz-box-shadow</code>,
  <code>text-shadow</code> も適応されます。
  </p>
</div>

div {
  margin: 0 auto;
  width: 480px;
}

h1 {
  padding: 10px;
  border: 1px solid #aaa;
  -moz-border-radius: 10px;
  -moz-box-shadow: 5px 5px 5px #aaa;
  text-shadow: 5px 5px 5px #666;
}

これでh1要素内の文字に影がついて、要素のボックスは角丸になって影がつくはず。

ちゃんと表示されました。