O que você usa para testar o css handheld em seu site?

Question

Eu fui adicionando suporte css para handheld para o meu site, mas não foram capazes de encontrar uma boa ferramenta para o teste.

Eu tentei usar o plugin webdeveloper para o Firefox, mas ele não funciona para mim. Talvez que é porque todo o meu css está no html e não um arquivo css separado.

Existem outras ferramentas de teste disponíveis, além de sair e comprar um dispositivo portátil?

Answer 1

Com um pouco de caça eu encontrei o que eu estava procurando, graças para os caras ligações.

Opera irá exibir o handheld css se você selecionar "Tela pequena" a partir do menu View.

Answer 2

Eu não tenho certeza se é uma boa idéia para ressuscitar a velha questão, mas espero achados alguém que:)

Há uma maneira simples para testar css handheld com com consultas de mídia :

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

Depois que você pode testar em navegadores que implementam consultas de mídia por redimensionar a janela para menos de 500px.

Answer 3

Se você tiver Visual Studio, deve haver emuladores de dispositivos que permitem testar móvel IE, ou eles podem ser encontrados autônomo no site da Microsoft. Aqui estão alguns para WM 5 . Há um OpenWave simulador disponível para testar esse navegador. Blackberry simuladores estão disponíveis, bem como, para testar o navegador do Blackberry. Você pode (tipo de) apoio iPhone teste com Safari, embora você não pode verificar a porta de visualização meta-tag. Há um Opera Mini simulador aqui.

Além disso, obter o seu CSS para fora do seu HTML:)

Answer 4

Eu descobri que a mudança tipos de mídia no ambiente de desenvolvimento funciona melhor para mim.

Por exemplo, se você está testando css "handheld", em seguida, basta adicionar tipo de mídia "tela" para ATRIB media e comente o seu css padrão.

Após esta etapa estiver concluída, você normalmente gostaria de teste em no dispositivo portátil real.

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

Answer 5

Para testar o iPhone, você pode obter o iPhone SDK aqui Mas você precisa de computador OS X / Apple para que ele seja executado da maneira oficial.

Nem oficiais / hacks:

• Existem maneiras de obter OS X rodando em hardware PC do standart como aqui .
• Ou obter o SDK em execução no Linux / vmware descrito aqui .

Happy Hacking!

Huibert Gill

Answer 6

A maioria dos smartphones como o alguns dispositivos iPhone e Android não reconhecem o handheld.css. Eles tomaram a mediatype="screen" então você precisa incluir este curto trecho de JavaScript .