11

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

Firefox 用の webdeveloper プラグインを使用してみましたが、うまくいきません。多分それは、私のすべてのcssがhtmlにあり、別のcssファイルではないためです。

外出してハンドヘルド デバイスを購入する以外に、他に利用できるテスト ツールはありますか?

4

6 に答える 6

8

ちょっとした狩りで、探していたものを見つけました。リードしてくれた人たちに感謝します。

View メニューから "Small Screen" を選択すると、Opera はハンドヘルドCSS を表示します。

于 2008-11-03T18:06:10.267 に答える
6

古い質問を復活させるのが良い考えかどうかはわかりませんが、誰かがそれを見つけてくれることを願っています:)

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

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

その後、ウィンドウのサイズを 500px 未満に変更して、メディア クエリを実装するブラウザーでテストできます。

于 2009-06-15T15:39:32.177 に答える
3

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

また、CSS を HTML から取り出してください :)

于 2008-11-03T17:22:29.450 に答える
1

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

たとえば、「ハンドヘルド」css をテストしている場合は、メディア タイプ「screen」をメディア属性に追加し、デフォルトの css をコメント アウトします。

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

<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />
于 2011-06-14T13:23:24.127 に答える
0

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

于 2011-06-16T15:34:03.720 に答える
0

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

非公式/ハック:

  • OS X を標準の PC ハードウェアで実行するには、こちらのような方法があります。
  • または、こちらで説明されている Linux/vmware で動作する SDK を入手してください。

ハッピーハッキング！

ユベール・ギル

于 2008-11-03T18:03:23.127 に答える