あなたのウェブサイトでハンドヘルドCSSをテストするために何を使用しますか？

StackOverflow https://stackoverflow.com/questions/259330

質問

ハンドヘルドのCSSサポートを自分のウェブサイトに追加しましたが、テストに適したツールを見つけることができませんでした。

Firefox用のwebdeveloperプラグインを使用しようとしましたが、機能しません。たぶんそれはすべての私のcssがHTMLにあり、別個のcssファイルではないからです。

外出して携帯デバイスを購入する以外に利用できるテストツールはありますか？

役に立ちましたか？

解決

少し狩りをして、私が探していたものを見つけました。リードのみんなに感謝します。

「小画面」を選択すると、Operaは handheld CSSを表示します。 [表示]メニューから。

他のヒント

古い質問を復活させることが良いアイデアかどうかはわかりませんが、誰かがそれを見つけてくれることを望みます：）

メディアクエリを使用して、ハンドヘルドCSSをテストする簡単な方法があります。

    @media handheld, screen and (max-width: 500px) { /* your css */ }

その後、ウィンドウを500ピクセル未満にサイズ変更することにより、メディアクエリを実装するブラウザでテストできます。

Visual Studioを使用している場合は、モバイルIEをテストできるデバイスエミュレーターが必要です。または、Microsoftのサイトでスタンドアロンで見つけることができます。 ここにWM 5の一部があります。そのブラウザーをテストするために、 OpenWaveシミュレーターを使用できます。 Blackberryシミュレーターも利用でき、Blackberryブラウザーをテストできます。ビューポートのメタタグを確認することはできませんが、SafariでiPhoneサポートをテストすることができます。ここには Opera Miniシミュレータがあります。

また、HTMLからCSSを取得します：）

開発環境でのメディアタイプの切り替えが最適であることがわかりました。

たとえば、「ハンドヘルド」をテストする場合cssはメディアタイプ「画面」を追加します。メディアアトリビュートと デフォルトのCSSをコメントアウトしてください。

この手順が完了したら、通常は実際のハンドヘルドデバイスでテストします。

<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />

iPhoneをテストするには、iPhone SDKをこちらから入手できます。 ただし、公式に実行するにはOS X / Appleコンピューターが必要です。

非公式/ハッキング：

ハッピーハッキング！

ホイバートギル

iPhoneや一部のAndroidデバイスなどのほとんどのスマートフォンは、 handheld.css を認識しません。彼らは mediatype =＆quot; screen＆quot; を取ったので、これを含める必要があります JavaScriptの短いスニペット。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top