モバイル版では、スマートフォンでアクセスしたかのように Web サイトを開く PC ブラウザー

この投稿では、Web サイトを作成および管理する人に捧げます。 さまざまな画面解像度で Web サイトを表示するテスト. 現在、インターネット サイトは、PC、ラップトップ、携帯電話、タブレットなど、さまざまな方法でナビゲートされています。 あらゆるサイズのスクリーン、テレビと同じくらい大きなモニターから小さなタッチスクリーンまで。
これは、サイトを設計する人は誰でも、すべての端末とあらゆる解像度の画面ではっきりと見えるようにする必要があることを意味します. 最も一般的なデバイス向けに最適化され、すべての解像度で読みやすいコンテンツを提供しないサイトは、多くの訪問者を失う可能性があります。

為に 解像度をテストする そして確認してください 大きなモニターや小さな画面でもサイトが正しく表示されること. 携帯電話でサイズと表示解像度をテストするには、いくつかの方法があります。
Windows では、コントロール パネル メニューから画面の解像度を下げることができますが、モバイルごとにエミュレーターまたはシミュレーターがあります。
別の記事で、PC から携帯電話のようにインターネットを閲覧するためのガイドを書きました。

最初に行い、 さまざまな画面解像度と携帯電話との「レスポンシブ」互換性でサイトのサイズをテストする 自動Webアプリを使用できます レスポンシブテストツール. このオンライン サービスを使用すると、特定の Web サイトを定義済みの解像度で表示できます。 サイトのアドレスを入力して確認し、マウスをクリックして解像度を選択します。 左側には、使用するデバイスに応じて解像度を変更する半透明のボタンがあります。 次に、次の 4 つの広範なカテゴリを選択して、Web ページを表示することを選択できます。
– デスク: 10 インチのネットブック画面から 24 インチのデスクトップ PC モニターまでのサイズのサイトを表示します。
– タブレット iPad、Samsung Galaxy、またはその他のタブレットから開いたときにサイトがどのように表示されるかを確認します。
– モバイル iPhone、Blackberry、Google Nexus S with Android など、世界で最も使用されている携帯電話とスマートフォンがグループ化されています。
– テレビ 解像度 (1920 × 1200) までの大画面で Web ページを表示します。

さらに良いことに、モバイル版でウェブサイトをテストする 無料のブラウザで開くことです LTブラウザ これは本当にクールです。 そのインターフェイスでは、スマートフォンを使用しているかのようにインターネットを閲覧できます。 サイトのモバイル バージョンを自動的に検出する機能 多くのモデルから選択できます (iPhone、Samsung など)。 2 つの異なるデバイスから同時に同じサイトを表示することもできます。 LTBrowser は、完全に無料であるため、機能の良さを報告する価値のあるブラウザーです。

テストサイズ 代わりに、携帯電話の画面 (240X320) からテレビの画面 (1920X1200) までの解像度をシミュレートできる動的アプリケーションです。 TestSize はうまく機能し、+ キーと – キーを押すことで任意のサイズをシミュレートできます。