タグ

エミュレータとチェックツールに関するmatuixのブックマーク (2)

  • もう実機は不要!? Chromeのモバイルエミュレーターがとんでもなく進化していた

    Chromeデベロッパーツール、使いこなしていますか? モバイルブラウザーエミュレーターの機能が拡張され、通信帯域やセンサーのシミュレーション、PWAの検証など、どんどん進化しています。これは便利です! Webサイトのテストはますます複雑になっています。ほんの数種類のブラウザーで機能の互換性を確認していた時代は遠い昔の話。ピカピカの傑作サイトも、OS、画面解像度、マシン性能が異なる幅広いデバイス(モバイル、タブレット、デスクトップ)での動作確認が求められます。極端な話、開発そのものと同じくらい時間がかかってしまうことさえあります。 Webサイトのテストはタッチスクリーンと高解像度画面の登場でさらに複雑になりました。通常のPCにマウスとキーボードをつないで開発していたら、せっかくのWebサイトがどう動くか確認するのは困難です。たとえば、マウスポインタを乗せたときの動作などは必ずしも機能せず、

    もう実機は不要!? Chromeのモバイルエミュレーターがとんでもなく進化していた
  • Web担当者なら知っておきたい、スマホ画面チェックツール5選

    ferret編集部:2014年10月9日に公開された記事を再編集しています。 スマートフォンからのアクセスが伸びていませんか? 今後もますます広がると見られるスマートフォン。その見え方をあなたはチェックしたことがありますか?制作業者まかせになっていませんでしょうか。 記事では、パソコンからスマートフォンでの見え方をチェックする方法やツールを紹介します。ぜひ、自分にあったものを見つけて、定期的にチェックしてください。 <目次> ・MacならSafariでチェックできる ・WindowsであればChromeで簡単!擬似スマホチェック ・開発環境を持っている人はシミュレーターも ・ショートカットを作っておくと便利! ・クラウドで実機テスト! ・実際の端末を手にしてテスト 1. Safari開発メニュー ふだんMacを使っている人ならば、Safariの標準機能でスマホでのデザインチェックが簡単に

    Web担当者なら知っておきたい、スマホ画面チェックツール5選
  • 1