Я разработал свой сайт с фиксированным фоновым изображением 900 x 600. На компьютере это выглядит хорошо. Как он будет выглядеть на устройстве PDA? Должен ли я проектировать его отдельно для КПК?Как проверить дизайн веб-сайта на мобильном устройстве?
Как проверить, действительно ли мой сайт можно просматривать с мобильного телефона?
Что мне делать?
Ну, вы всегда можете бросить некоторый детектор javascript там, чтобы проверить тип браузера, а затем перенаправить на другой сайт, отформатированный для мобильных устройств. Это кажется нормой для большинства сайтов.
Примеры:
Попробуйте использовать Opera «s "маленький экран" Вид (View> Small экран). Это довольно приличная работа по моделированию мобильного экрана. Попробуйте его на собственном сайте Opera. Обратите внимание, что они используют таблицу стилей «handheld», которая запускается при просмотре на КПК или переключается в режим малого экрана.
Вы можете скачать Google's Android SDK бесплатно для тестирования.
Чтобы проверить на iPhone, см. iPhone Tester. В правом нижнем углу есть кнопка, чтобы повернуть iPhone в широкоэкранное состояние.
Предполагаемый размер OpenWave Phone Simluator.
Вы можете попробовать mobi online emulator.
Windows Mobile 5.0 SDK for Smartphone содержит "Windows Mobile 5.0 на основе эмулятор изображение смартфона устройства & файлов кожа"
Наконец, некоторые общие рекомендации: Web Content Accessibility and Mobile Web: Making a Web Site Accessible Both for People with Disabilities and for Mobile Devices
Вместо обнаружения браузера, вы можете поставить альтернативные таблицы стилей для карманных устройств. С
<link rel="stylesheet" href="small.css" type="text/css" media="handheld">
Преимущество в том, что вам нужна только одна версия вашего сайта, разница в таблицах стилей. Вам нужен еще один css, в то время как при обнаружении браузера вам понадобятся разные версии каждой страницы вашего сайта. Недостатком является то, что не все браузеры поддерживают атрибут media для таблиц стилей. Но самые современные браузеры делают, и поддержка для него растет.
Если вас интересует, я рекомендую взглянуть на A List Apart article.
BTW, если вы еще не используете css, немедленно переключитесь на него, независимо от того, какое решение для вашей проблемы вы выберете. Скалы CSS!
Вы также можете получить device emulators for the Blackberry ряд машин.