Cosa utilizzate per testare i palmari CSS sul sito Web?
https://stackoverflow.com/questions/259330
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Ho aggiunto il supporto css per palmare al mio sito Web ma non sono stato in grado di trovare un buon strumento per i test.
Ho provato a utilizzare il plugin webdeveloper per Firefox ma non funziona per me. Forse è perché tutto il mio CSS è nell'html e non in un file CSS separato.
Sono disponibili altri strumenti di test oltre all'uscita e all'acquisto di un dispositivo portatile?
Soluzione
Con un po 'di caccia ho trovato quello che stavo cercando, grazie per i lead ragazzi.
Opera visualizzerà il palmare css se selezioni " Piccolo schermo " dal menu Visualizza.
Altri suggerimenti
Non sono sicuro che sia una buona idea resuscitare la vecchia domanda, ma spero che qualcuno la trovi :)
Esiste un modo semplice per testare i palmari con query multimediali :
@media handheld, screen and (max-width: 500px) { /* your css */ }
Dopodiché puoi testare su browser che implementano query multimediali ridimensionando la finestra a meno di 500 px.
Se hai Visual Studio, dovrebbero esserci emulatori di dispositivi che ti consentono di testare IE mobile, oppure possono essere trovati autonomamente sul sito di Microsoft. Eccone alcuni per WM 5 . Esiste un simulatore OpenWave disponibile per testare quel browser. simulatori Blackberry sono disponibili anche per testare il browser Blackberry. Puoi (tipo di) testare il supporto di iPhone con Safari, anche se non puoi verificare il metatag della finestra. C'è un simulatore di Opera Mini qui.
Inoltre, estrai il tuo CSS dal tuo HTML :)
Ho scoperto che cambiare i tipi di media nell'ambiente di sviluppo funziona meglio per me.
Ad esempio se stai testando " palmare " css quindi aggiungi solo il tipo di media "schermo" a media atrib e commenta il tuo css predefinito.
Al termine di questo passaggio, normalmente si desidera eseguire il test su un dispositivo portatile reale.
<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />
Per testare l'iPhone, puoi ottenere l'SDK per iPhone qui Ma hai bisogno di un computer OS X / Apple affinché funzioni correttamente.
Non ufficiale / hack:
- Esistono modi per far funzionare OS X su hardware PC standard come qui .
- Oppure fai funzionare l'SDK in Linux / vmware qui .
Happy Hacking!
Huibert Gill
La maggior parte degli smartphone come l'iPhone e alcuni dispositivi Android non riconoscono il handheld.css . Hanno preso il mediatype = " screen " quindi devi includere questo snippet breve di JavaScript .
