どうもヒサトです！

 

早速ですが、あなたはサイトを構成するときに何のブラウザを使用していますか？

今回紹介する「browserling」では５つのブラウザでの表示を確認する事が出来ます。

全てのブラウザで完璧な表示がされるようにしましょう！

 

複数ブラウザ確認の理由

そもそもなぜ複数のブラウザでの表示を確認しないといけないのでしょうか？

あなたはブラウザの普及率というものを目にしたことがありますか？

 

２０１４年に発表されたブラウザの普及率のデータを確認しますと、

世界的に見ればchromeがIEを抜き去って１位になったようです。

しかし日本だけに限定してみるとまだまだIEが断トツで

普及されておりそれだけ使用者も多いという事になります。

 

※普及率について詳しくはこちらのサイトで！

⇒http://blog.codecamp.jp/browser-share/

 

僕は基本的にはchromeを使いchromeでは

開けないサイトがあるときはIEを使用しています。

つまり基本的にはchromeを使っているので

サイトの表示などは全てchromeのモノになります。

 

なので普通に過ごしている分には他のブラウザでの

表示を確認していないという事になります。

 

browserling

そこで今回紹介するbrowserlingなのですが

５つの種類のブラウザの表示を確認する事が出来ます。

※５つのブラウザ

1. IE
2. chrome
3. Firefox
4. Safari
5. Opera

 

自分のPCにそれぞれのブラウザをインストールするのって煩わしいし

何よりPCが重くなるのでなるべく入れたくないんですよね。

それを回避するための最高のツールとなります。

 

使い方

browserlingはこちらから使用する事が出来ます。

⇒https://browserling.com/

 

するとこのような画面が出てきます。

 

①まず確認したいブラウザのアイコンをクリックします。

アイコンをクリックするとブラウザのバージョンが

出てきますのでどのバージョンで確認するか選択します。

 

②確認したいサイトのURLを入力します。

 

③RUNをクリックします。

 

※例としてFirefox２８．０を使用します。

 

上の画像のように先ほど入力したサイトの表示がこのように見られます。

 

各ブラウザのインターフェスまで完全再現するという手の込みようです。

（これ地味に凄いですよね笑）

 

画像の右上に今使用しているブラウザのアイコンが表示されますので

そちらをクリックする事で他のブラウザに変更する事が出来ます。

 

しかしbrowserlingには少し弱点があって

無料版は３分間しか使用する事が出来ません。

ただ何回もやり直せばいいだけなので別に

関係ないっちゃ関係ないんですけどね。

 

アップグレード＝有料版

３分間が過ぎてしまうとアップグレードするかどうかの画面が出てきます。

もしアップグレードしたいならアップグレードのボタンをクリックする事で

利用する事が出来ます。

 

アップグレード＝有料版

なので利用するには料金が発生してきます。

 

有料版は月額２０ドルから使用する事ができ、

有料版になる事で以下の事が出来るようになります。

 

• IE９・０以外のバージョンの利用
• サイト表示の制限時間をなくす
• SSHでの通信

 

もし興味のある方は利用してみてもいいかもしれませんね。

（普通に使う分にはいらないと思いますが）

 

まとめ

このようにbrowserlingで各ブラウザごとの表示を確認する事で

どの環境でサイトを見たとしても誤動作を起こしていないかの確認が出来ます。

１つのブラウザでしかいつも見ていない人は他の環境でも

しっかり表示されているか確認しておきましょう！

 

関連記事

• ［SEO］Googleの順位変動を知る事が出来るツール～namaz.jp（ナマズ）～
• シークレットウィンドウ（Google　chrome）を使って検索順位を調べる | 履歴も残らない優れもの