自分のサイト表示がブラウザごとに確認(チェック)できるサイト「browserling」
2016/01/26
1年以上前の記事です。内容が古い可能性があります。
Web制作する際に困るのが表示確認です。
最近は、W3Cの勧告している仕様に沿ったブラウザが増えているのでそんなに気にする必要なくなりましたが、
以前は、ブラウザによって随分と表示が変わることがあって、色々なブラウザをインストールしてそれぞれで表示確認していました。
ただ、確認のためだけにたくさんのブラウザをインストールするっていうのもいまいち。
ハードディスクの容量も限られていますしね。
そんなときは以下のサイトが便利です。
□ browserling – interactive cross-browser testing
さっそく使ってみました。
- トップページのURL入力欄に確認したいサイトのURLを入力し、ENTERもしくは「run」をクリックします。
この時、確認したいブラウザアイコンとバージョンをクリックしておきます。 - しばらく考えた後、
- 結果を表示してくれます。インターフェースまで再現する力の入れよう。
- 右上のプルダウンメニューよりブラウザ及びバージョンの切り替えができます。
- ただし、無料での使用には時間制限(3分)があります。気になるようでしたら有料版にアップグレードしておきましょう。
- 角丸をCSS3表記に変えたばかりのブログを古めのブラウザで確認してみました。
角丸が反映されていません。
以上です。
現在使われている殆どのブラウザを網羅していますし、使い勝手もGood!
これは覚えておいて損はないサイトだと思います。
ただし、いくつか残念な部分もあります。
- 厳密には全てWindows版がベース(Safariも)となっているようなのでMacintoshでの表示確認ができない。
- 公開しないと確認できないので製作途中のものも仮サーバーなどにアップロードしなければならない。
この辺りが是正されれば最強の表示確認サイトになると思うのですが。。
調べたら他にもこういったサイトあるようです。
もし、上記条件を満たすサイトが見つかったらまた記事にしたいと思います。
via : 自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」 – GIGAZINE
アドセンス広告メイン
関連記事
-
出会い系サイト
1年以上前の記事です。内容が古い可能性があります。Webマーケティングの素材集め …
-
Safari
1年以上前の記事です。内容が古い可能性があります。G5についてる標準ブラウザのS …
-
近況報告
1年以上前の記事です。内容が古い可能性があります。Webチームは着々と成長してお …
-
製作会社とのつきあい方
1年以上前の記事です。内容が古い可能性があります。最近は某社の校正にはまっていて …
-
ネットメディアが間違いを犯さない理由
1年以上前の記事です。内容が古い可能性があります。以前、「日本メディアがまっぷた …
-
HTML5は穴だらけ。まだまだ使うのはちと怖い
1年以上前の記事です。内容が古い可能性があります。HTML5に50件ものセキュリ …
-
Webデザイナーピンチ!!15分でサイトが作れる「みんなのビジネスオンライン」
1年以上前の記事です。内容が古い可能性があります。中小企業経営者にとっては朗報、 …
-
WordPress(ワードプレス)で「text-indent:-9999」が効かない時の対処法 #wp
1年以上前の記事です。内容が古い可能性があります。先日、久しぶりにWordPre …
-
カスタムフィールドとカスタム投稿で記事投稿フォームを使いやすく 2 – 「Custom Post Type UI」の巻 【ワードプレス】 #wp
1年以上前の記事です。内容が古い可能性があります。1. Custom Field …
-
WordPressでプレビューが見れなくなったらプラグイン「WP File Cache」「WP Super Cache」を無効化→有効化
1年以上前の記事です。内容が古い可能性があります。当ブログ、WordPressで …