Cross-Device Testing Done Right Used globally from the freelance segment to the enterprise level, Blisk helps IT professionals develop and test modern web applications in half the time and never miss any issue Download Blisk
Sorry, JavaScript is required to view Global Stats charts.
IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更されました。 先月末に Windows 8.1 のプレビュー版が公開され、早速手持ちの MacBook Pro に入れてみたっていう話は先日書いたとおりですが、Internet Explorer 11 (IE11) については細かく触れなかったのでまとめておこうと思います。 IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更された結果、従来のブラウザ判別コードで検出できなくなる可能性もあったりします。その辺について Nicholas C. Zakas 氏が Blog 記事を上げていたので紹介しつつ触れてみたいと思います。 とりあえず、IE11 の概要とか 公式情報として、IEBlog
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
昨年Internet Explorer(IE)6のサポートを打ち切ったグーグルが、今度はIE7のサポートまで打ち切ることを表明した。同社のブログによれば、8月1日をもって「Firefox 3.5」「IE 7」「Safari 3」のサポートを打ち切り、これらのブラウザーではGmail、Google Calendar、Google Talk、Google Docs、Googleサイトといった同社のクラウドサービスを使うとトラブルが起こる可能性がある。最終的にはこれらのアプリケーションが使えなくなるという。 IE6については、開発元のマイクロソフト自身が「腐った牛乳」と表現しており、サポート期限までまだ3年あるにもかかわらず、「The Internet Explorer 6 Countdown」というWebサイトを開設し、IE6の使用停止を呼び掛けている。Webアプリケーション開発者からも「早く
IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意:下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8 HTML 4.01+EUC-JP HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8 XHTML 1.0+
Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用+IETesterでIE9を確認できるようにカスタマイズする 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」と「Internet Explorer Platform Preview(「Internet Explorer 9 Platform Preview」)」を併用する IE9のブラウザーモードとドキュメントモードを利用する 以下、
Windows Mobileでは、PCライクなブラウジングとFlashビデオがそのまま視聴でき、さらに高速なWEB表示ができると言うことで人気のブラウザ「Skyfire」がのAndroid用アルファ版が利用することができるようになっています。 どうやら、XDA-Developersにてリーク(?)された模様で、私も早速手持ちのAndroid端末に入れて試してみました。しかし、HT-03Aでは動作したものの、Nexus Oneではエラーで停止し動作しませんでした。 まあ、アルファ版ということでページの表示サイズを縮小できなかったり、音声検索が途中で停止してしまったりしますが、ページの表示やスクロールなどは、HT-03Aで操作してても非常に滑らかであると言うことは体感できました。 基本的には、「menu」ボタンを押すと上図真ん中の写真のように、アドレスバー、メニューバーが表示されます。上部はペ
FirefoxのAndroid版がプレαとして公開された。対応するのはAndroid 2.0以上で、Weaveでの同期も可能だ。 MozillaのWebブラウザ「Firefox」のAndroid向け“プレα”が公開された。Mozilla CorporationでFirefox開発に従事するウラジミル・ブキシェビク氏が4月27日(現地時間)、自身のブログで発表した。同氏のブログに表示されているQRコードを対応端末で読み取ることでダウンロードできる。 対応するOSのバージョンは2.0以上で、実機でのテストはMotorolaのDROIDとNexus Oneでしか行っていない。フィードバック目的のリリースなので、現段階ではバグが多く、メモリ管理機能も最適化されていないという。 同期サービス「Weave」の「Experimental Version」をWeaveのページからダウンロードしてインストー
仕事でウェブサイトのデザインや開発などに携わっている方はもちろんのこと、個人のブログやサイトでもときに必要なのが、ウェブサイトのテスト。エラーが潜んでいたり、別のブラウザで見るとレイアウトが崩れてしまっていたりでは、せっかくのウェブサイトが台無しです。そこで、複数のブラウザでウェブサイトのテストをサクっとやってくれる便利なツール「Browsera」をご紹介しましょう。 「Browsera」はウェブサイトのエラーやレイアウトをテストするためのウェブツール。同様のツールとしては様々なブラウザでウェブサイトのスクリーンショットを表示してくれる「BrowserShots」や「IETester」といったものもありますが、「Browsera」がこれらのツールよりさらに優れているのは、ブラウザのスクリーンショットを表示できるだけでなく、JavaScriptのエラーやレイアウト崩れなど、問題が起こりそうな
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」 2009年09月14日- ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUserAgentを解析し、<html> に class を振ってしまうことで、CSSの指定が次のように楽になります。 /* IEのみに適用 */ .ie body { background-color: yellow } /* IE7のみに適用 */ .ie7 body { background-color: orange } /* geckoベースのブラウザのみに適用 */ .gecko body { background-color: gray } 使い方 (1) 必要なPHPファイルをインク
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5(Selenium IDEは1.0.2から、Firefox 3.5に対応)や、Internat Explorer(以下、IE) 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く