サイズ変更機能でさまざまな解像度でサイトを素早く表示

モバイルプラットフォームでWebを閲覧する人が増えるにつれ、Webデザイナーは様々な画面解像度でサイトがどのように表示されるかを把握することが不可欠になっています。Resizeは、5ドルで提供されるシンプルなSafari拡張機能で、小さな画面に合わせてWebサイトのサイズを調整した場合の見え方を素早く確認できます。

この拡張機能には、iPhone 4、iPhone 3GS、Nexus Oneなどの一般的なスマートフォンに加え、ノートパソコンやネットブックの一般的な解像度に対応したプリセット解像度が含まれています。各プリセットはカスタマイズ可能で、独自のプリセットを追加することもできます。

プリセットを選択すると、Safariの幅と高さが選択した解像度に合わせてサイズ変更されます。これにより、モバイルブラウザでサイトがどのように表示されるかを把握できます。ブラウザのサイズを手動で変更することもできます。Safariウィンドウの右下をクリックしてドラッグするだけで、「サイズ変更」機能に現在のサイズがリアルタイムで表示されます。

テストしたい特定のデバイスの解像度のプリセットが Resize にまだない場合は、Resize に組み込まれているモバイル画面リファレンス ブックで検索できます。これにより、Apple、Google、Nokia、Motorola などの一般的なデバイスの画面解像度にすぐにアクセスできます。

サイズ変更には、Mac OS X で Safari 5 が実行されている必要があります。