SafariのResize拡張機能を使用して、さまざまな解像度でサイトを表示する

より多くの人々がモバイルデバイスでオンラインになっています。 また、Webデザイナーは、作成するサイトがさまざまな画面解像度のさまざまなデバイスでどのように見えるかを把握し、確認できることが不可欠です。 SafariのResize拡張機能を使用すると、スマートフォンの画面にサイトがどのように「適応する」か、巨大なモニターでどのように表示されるかをすばやく確認できます。







サイズ変更には、iPhone 4、iPhone 3GS、Nexus Oneなどの一般的なモバイルデバイス用のプリインストールされた解像度と、ラップトップやネットブック用の一般的な解像度が既に含まれています。 これらの各プリセットは、個別に変更および調整できます。 独自に追加することもできます。





プリセットを選択すると、Safariウィンドウの幅と高さが選択したサイズに変わり、サイトがさまざまな画面解像度でどのように表示されるかを確認できます。



解像度には、一般的なデバイスのディレクトリとその画面の解像度が含まれているため、ネットワーク上でデバイスを検索する手間が省けます。 サイズ変更パネルの参照ボタンをクリックすると利用でき、Apple、Google、Nokia、Motorolaなどのデバイスメーカーの人気モデルが含まれています。





拡張機能のサイズ変更には、Mac OS Xでのみ動作するSafari 5が必要で、価格は4.99ドルです

公式のサイズ変更ウェブサイト



それとは別に、これは私が見なければならなかった最初の有料拡張機能であることに注意したいと思います。 Safariの拡張機能の収益化がある程度開始されましたが、近い将来、非常にリーズナブルな価格で、Safariのさらに多くの専門的かつ機能的な拡張機能が私たちを待っていると思います。