超便利過ぎる!iOS各種、Andorid各種、PC各種そしてIE6,7,8などが、自分のサイトをどの様に表示しているか一発で分かるサイト!

投稿日:

WEB系の仕事をしている人だと、最近はIEだけの確認だけではなく、多種多様なスマホやタブレットなどの確認をしなければいけないことが多くなってきてると思います。しかしすべてのスマホやタブレットを使って確認することは、あまり現実的ではないのが実情です。

そんな時にオススメなのがこのサイト「BrowserStack」です!

≫ http://www.browserstack.com/screenshots

サイト飛んだら調べたいサイトのURLを入れて、調べたいブラウザを選択します。iOS、Andorid、PCブラウザがほぼすべて網羅されています。

Browser-Screenshots-for-Quick-Testing---300+-Real-Browsers,-Internet-Explorer-6-10,-Local-Testing,-API,-Resolution-Options.-2014-02-16-22-03-43

選択後に「Generate screenshots」をクリックで選択したブラウザがどの様に表示されているか処理が開始されます。しばらくすると下記のように各ブラウザのサムネイルが表示されます。

Screenshots-2014-02-16-22-16-10

サムネイルをクリックすれば、フッターまで見るフルスクリーンショットが見れます。または「ZIP」をクリックすれば全部のスクリーンショットを一括でダウンロード出来ます。

Screenshots-2014-02-16-22-17-03

さらに下記のページでは、上記同様URLを入れるだけで、実際のスマホ・タブレットのフレームに入ったサイトを確認することが出来ます。スクロールしてフッターまで確認できます。

≫ http://www.browserstack.com/responsive

Responsive-Design-Testing-across-Mobile-and-Desktop-Browsers---iOS,-Android,-OS-X,-Windows-2014-02-16-22-45-18

クロスブラウザの確認がここまで簡単に出来るのは感激です。有料ですが他にもリアルタイム表示や、JavaScriptの確認などが出来るサービスもあります。

≫ http://www.browserstack.com/

この記事を見た人は、こんな記事も見ています!

  • この記事を書いた人
harukin

harukin

個人的なことを個人的な視点で書いてます。 Eスポーツ、ガジェット、フィットネスなどが中心です。 ゲーム大会のイベント事業、WEB管理・作成などをしております。

-Androidタブレット, Android携帯, HTML・CSS・JS, iPad, iPhone, WEBデザイン, ジェネレーター, スマホ・タブレット, ディレクション
-, , , ,

Copyright© ふらリズム|EスポーツやPCゲーム、ガジェットを中心に情報をお届け! , 2019 All Rights Reserved.