Mac を持たずとも Safari 表示を確認

OS に左右されることなく、ブラウザ上から Safari による表示結果を確認することが出来る技をみつけました。

Mac は持っていないんです

Mac は持っていないんです

 当サイトの説明に関することが書かれている About にて挙げられている対応ブラウザには一部マッキントッシュ専用のブラウザも含まれていますが、私は Windows マシンしか所有しておらず、Mac 系ブラウザでの表示確認はマックを持っている友人宅に押し掛けて確認させてもらっています。しかし、サイト公開以降も細かいところでちょこちょこと CSS を修正変更しているので、以前得られていた表示結果が今も健在ということが保証されていないのが怖いところです。
 それでも一応は規格準拠な記述を心がけているので、とんでもない結果になることはないと思います。

 一応 Windows 用ブラウザとしては IENetscape標準 Mozillaテクノロジープレビュー MozillaOpera、 などによる表示確認を CSS 構築時の基本としていますが、前述の通り Mac ブラウザでの確認はたまにしか行うことができません。Mac ブラウザのうち Mozilla (Gecko) 系列の NetscapeCamino、 などはいいとしても、 OmniWeb 4.5Safari、 Mac 用 IE などはそれぞれ独自のレンダリングエンジンを持っており、これらのブラウザの予想外な挙動(バグ含む)は全くもって予測不可能です。

 なるべく仕様に準拠したコーディングを心がけていますので、あとの結果については「お星様におねがい☆」ってな感じになってしまうのですが(笑)、やっぱり実際に表示の確認ができればそれに越したことはないわけで、しかしそのためにわざわざ Mac を買うのもなぁ~といった人(自分含む)にとって便利なツールがありました。こちらからの情報です。

 ここでは、入力された URI のページが Safari によってレンダリングされた結果を PNG 形式の画像ファイルとして受け取ることが出来るというものです。いや~すばらしいですね。こういうの待ってました!

で、早速表示サンプルを

 とりあえず今回得られた Safari レンダリングによる 当サイトページのサンプル。

 Windws と違って Mac OS では通常表示の日本語フォントもアンチエイリアスされるんですよね、羨ましい…。ちなみに Redhat Linux でもアンチエイリアスされます。Windows のゴシックがアンチエイリアスされないのは意図的なものらしく、フォントの設定を変えればアンチエイリアス表示されるようですが、私はうまくいってません。
 以降のサンプルは私の Windows XP マシンにてキャプチャした各ブラウザの表示結果です。ウィンドゥデザインがちょっと違うのはビジュアルスタイルをいじっているからであって、Mac OS の画面をキャプチャしたわけではありません、念のため。

 しおり部分のフォント表示が違うという方は、該当フォント (Impact) そのものが Windows にないか(MS Word 等をインストールすれば導入されるはずです)、アンチエイリアス表示において"Clear Type"が選択されていないか(XP のみ)のどちらかでしょう。


--
April 12, 2004 Comments (1) Trackback (1)
frankblack さん April 14, 2004 12:01 AM

トラバ有り難うございます。
その後、もっと凄いサービスを見つけてしまいました。
有料のようですが・・・(;´Д`)
詳しくはblogの方で(・∀・)

コメントする
(必須)
(必須)

  • 投稿ボタンは一度だけ押してください。
  • コメントスパム対策のためにやむなく検閲を設けています。サイト管理人がスパムでないことを確認の後にサイト上に反映させるため、コメントが表示されるようになるまで約一日程度お待ちください。
  • 投稿ボタンを押して反応が無くとも、「しばらくじっと我慢の子」でお願いします。