モバイルデバイス用のWeb Developer Toolkit

モバイルプラットフォーム向けのウェブサイトとサービスの数は日々増え続けています。 エミュレーターについてはすでに書きましたが、ここでは、最も簡単なものから始めて、サイトがこのデバイスまたはそのデバイス上でどのように見えるかを示し、さまざまなコンテンツオプティマイザーで終わる便利なツールを紹介します。

1. iPhoney


画像
このアプリケーションは、完全な意味でのエミュレーターではありませんが、320 x 480pxの解像度をサイトがどのように検索するかをすばやく示すことができます。 すぐに写真が至る所に登ったかどうか、このピクセルまたはそのピクセルが間違った方向に移動したかどうか、そしてすべてが色で全体的にどのように見えるかがわかります。 さて、スクリーンショットを撮ってプレゼンテーションを行うことができます=)

2. W3C mobileOKチェッカー



画像
あなたのサイトが携帯電話にどれだけ友好的かを示すためにあなたのサイトのオンライン検証が必要です。 検証は、この一連のテストに従って実行されます

3. iPadのピーク


画像
このサービスは最初のものと似ていますが、iPad用に設計されています。 Webkitブラウザーで使用することをお勧めしますが、Safariで視聴することをお勧めします。

4. ヘッダーの変更-Firefox用プラグイン


画像
firefox用の興味深いプラグイン。これにより、モバイルデバイスを使用しているような印象を与えるような方法でデータを変更できます。 これを行うには、User Agent Profileの値を変更する必要があります 。それらの完全なリストはこちらにあります 。 一般的に、ChromeにはUser-Agent Switcherと呼ばれる同様のプラグインがあります。 しかし、これだけではありません。HTTP要求を変更できるデスクトップアプリケーションFiddler Web Debuggerがあるからです。

5. Adobe Device Central CS5



画像
Device CentralはAdobe Creative Suiteの一部です。 HTMLページとFlashアプリケーションの動作をエミュレートできます。 すべてが常に手元にあるので、他のアドビアプリケーションで作業する人にとって素晴らしいことです。

6. Google Mobilizer


画像
サイトに対応するシンプルなWebベースのツールは、すべてのコンテンツをダウンロードして圧縮しようとします。 パフォーマンスを改善するための優れたツール。

7. ゴメス


画像
Gomezモバイル準備テストは、サイトの分析ツールです。ページコード、コンテンツ、スタイル、画像などのさまざまなスケールで評価を行います。 何をどこで改善できるかを考える理由があります。 興味深い点は、テストのために、電子メール、国、郵便番号、電話番号を入力する必要があります。 兄貴?

8. MobiReady


画像
Gomezと同様に、MobiReadyはサイトを監査するためのオンラインツールですが、その機能はより強力です。 たとえば、W3C mobileOkテストへの準拠をテストし、HTTPテストを実行し、コードの品質をチェックします。 呼ばれるものを使用する必要があります。

9. DotMobiエミュレーター


画像
もう1つの擬似エミュレータは、その主な機能が古いデバイスでサイトを表示する機能です。 これにはJavaブラウザプラグインが必要です。

10. Opera Miniシミュレーター


画像
おそらく最も人気のあるモバイルブラウザであるOpera Mini用の10エミュレータを完成させます。 その人気は、1億2000万台のモバイルにプリインストールされたブラウザであるという事実によって証明されています
デバイス。 この素晴らしいエミュレータを作成してくれた人に感謝します。

出所

Source: https://habr.com/ru/post/J104963/


All Articles