誰かが私がコーディングしているウェブサイトのスクリーンショットを送ってきました。私はiPhoneのファンではないので、どのブラウザなのかわかりません。
ここにスクリーンショットがありますので、これがどのブラウザであり、その上で私のウェブサイトをチェックする方法を教えてください。 Ubuntuにシミュレーターはありますか?
使用する必要がある2つの便利なサイトがあります。両方のオプションには、多くの目的で無料のオプションがあり、ダウンロード/アカウントは不要で、非常に便利です。
www.MobileTest.me -モバイルブラウザ用。 URLを表示する電話を選択するだけで、すぐに表示されます。
www.Browsera.com -デスクトップブラウザ用。サイトのベースラインモデルと最も異なるブラウザ/バージョンを示します。
https://www.browserstack.com Browserstackを使用します。これは有料サービスですが、iPhoneおよびchromeデバイス用のAndroidインスペクターツールを介したデバッグが可能です。さらに、お持ちでない場合はMacまたはPCでテストできます。それはすべてブラウザベースのライブテストなので、変更はすぐに反映されます。
これがiPhoneのSafariです。
唯一の本当のiOSシミュレータは、Apple Xcodeに付属するOS X用のIDEであると信じています。しかし、本格的なものが必要だとは思いません。
クイックGoogle検索が見つかりました このサイト これは、サイトをiPhoneにあるかのようにレンダリングします(ユーザーエージェントを偽装し、電話と同じサイズでページをレンダリングします)。これは、サイトがどのように見えるかをすばやく確認するためにうまく機能します。
IPhoneはSafari Webブラウザを使用します。 Ubuntuからテストを行う方法はいくつかあるため、新しいデバイスにお金を費やす必要はありません。
UbuntuのWineの下にWindows用Safariをインストールできます。 Linuxで再生 を使用してインストールし、正常に実行しました。正しいレンダリングエンジンを使用してブラウザテストを行うことはできますが、それはやや古いバージョンであり、多くの場合Apple製品の最新バージョンとは非常に異なってレンダリングされます。
さまざまなプラットフォームでWebサイトをテストするには、 Browser Shots または Cross Browser Testing などのWebサービスを使用できます。後者は、有料のサブスクリプションサービス(私が購読している)で、人気のあるすべてのブラウザー、プラットフォーム、およびデバイスでスクリーンショットとライブセッションの両方を可能にします。
それはMobile Safariです(そうではなく、すべてのiOS Webブラウザーは同じレンダリングエンジンを使用します)。 iPhone(または他のiOSデバイス)を使用する以外でテストする良い方法はありません。
最も近い方法は、XCode iOSシミュレーター を使用することですが、それでもそれを実行するにはMacが必要です。
Safariの別のバージョンの使用を検討することもできますが、Linux用のSafariのバージョンはありません。 WindowsバージョンのSafari(WINEで実行できます)は廃止され、非常に古くなっています。 SafariのMacバージョンは、Linuxでは動作しません。それらはすべてMobile Safariとは異なります。
適切なサイズにサイズ変更された別のブラウザを使用しても、Mobile Safariレンダリングエンジンは提供されません。