• RSS

[Mac]IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

Internet ExplorerによるブラウザチェックをMacで行う場合、VirtualBoxを使うなど色々方法があるかと思いますが、

今回はその中でも、Mac OS XのブラウザでWindowsのInternet ExplorerやFirefoxの他、iOSやAndroidでページの見え方を確認できるという便利なWEBサービス「Browser Stack」をご紹介します。

Browser Stackへアクセス

以下のページからBrowser Stack へアクセスします。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」


アカウント作成

Browser Stackの利用には会員登録が必要(有料と無料あり)ですので、まずは新規アカウントを作成します。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

OSやブラウザ、サイズの選択

アカウント作成後、まずは左メニューでOSやブラウザ、画面サイズの選択を行います。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

OSの選択

Browser StackではWindowsやMac OS XなどのOSが選択できますが、今回は「Windows XP」を選択してみます。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

ブラウザ

続いてブラウザを選択します。Internet Explorer、Firerfox、Safari、Chrome、Operaの各バージョンを選択することができますので、今回は「IE8」にしてみます。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

画面サイズ(解像度)

最後に解像度ですが、今回は「800×600」を選択してみます。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

確認したページのURLを入力

OSなどの選択が終われば、画面右側のQuick startのURL欄にページのURLを入力し、「Start testing」ボタンをクリックすると
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

処理が進んで、
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

このようにサイトが表示されました。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

やや動きがもっさりしている感はありますが、ページは見れますね。
あと、フルスクリーン表示も可能です。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

スマホでのブラウザチェックも可能

OSでAndroidやiOSを選ぶと、スマホでの表示チェックも可能です。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

今回は試しにAndroidを選択してみましたが、検証できる機種が豊富です。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

OSを選択して「Update」ボタンをクリックすると、
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

スマホ画面でページが表示されます。
IEやAndroid、iOSなどでのブラウザチェックができる「Browser Stack」

このように、Browser Stackは選択できるOS、ブラウザの種類がかなり豊富です。

ただ、サクサク動くモノではないっぽいので、しっかり細部まで検証するために使うというよりは、Windowsやスマホでの簡単なチェックに利用すると便利ではないかと思います。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください