Я добавил поддержку css для handheld на мой сайт, но не смог найти подходящего инструмента для тестирования.Что вы используете для проверки КПК на своем веб-сайте?
Я пробовал использовать плагин webdeveloper для Firefox, но он не работает для меня. Возможно, это потому, что все мои css находятся в html, а не в отдельном файле css.
Существуют ли какие-либо другие инструменты для тестирования, кроме как выходить и покупать карманные устройства?
С немного охоты я нашел то, что искал, спасибо за отведения ребят.
Операция отобразит handheld css, если вы выберете «Малый экран» в меню «Вид».
Если у вас есть Visual Studio, должны быть эмуляторы устройств, которые позволяют тестировать мобильный IE или их можно найти автономно на сайте Microsoft. Here are some for WM 5. Для проверки этого браузера существует OpenWave simulator. Blackberry simulators также доступны, чтобы проверить браузер Blackberry. Вы можете (вроде) проверить поддержку iPhone с помощью Safari, хотя вы не можете проверить метатег viewport. Здесь есть Opera Mini simulator.
Кроме того, получить CSS из вашего HTML :)
Мой CSS встроен, поскольку он настроен на основе пользовательских настроек (они могут настраивать размер шрифта по умолчанию/цвета и т. Д.). Думаю, я должен разделить часть, статичную. Это в моем списке дел. – KPexEA 2008-11-03 21:56:42
Вы также можете динамически его обслуживать со своего сервера. Попросите серверный процесс (php-скрипт, независимо) обработать запрос для customUser.css и записать его на основе их предпочтений. Таким образом, браузер все еще может кэшироваться браузером. – 2008-11-03 23:10:14
Для тестирования iPhone, вы можете получить iPhone SDK here Но вам нужно OS X/Apple, компьютер для того, чтобы запустить официальный путь.
Не официальные/хаки:
Happy Hacking!
Huibert Гилл
Я не уверен, если это хорошая идея, чтобы воскресить старый вопрос, но я надеюсь, что кто-то находит :)
Там простой способ проверить карманный CSS с с media queries:
@media handheld, screen and (max-width: 500px) { /* your css */ }
После этого вы можете протестировать браузеры, реализующие медиа-запросы, путем изменения размера окна до 500 пикселей.
Я узнал, что переключающие типы носителей в среде разработки лучше всего подходят для меня.
Например, если вы тестируете «handheld» css, просто добавьте тип медиафайла «screen» на носитель atrib и закомментируйте свой 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 и Android устройств некоторые не признают handheld.css. Они взяли mediatype="screen", поэтому вам нужно включить этот short snippet of JavaScript.
Вы также можете просто проверить экран css в IE6 на окнах, но я бы не рекомендовал его ... – 2008-11-03 18:12:04