Как я тестирую дизайн веб-сайта на мобильном устройстве?
Все, что вам нужно сделать, это изменить вызов на метод validate_required, чтобы удалить поля, которые вы хотите сделать необязательными:
|> validate_required([:email, :password])
Если вы хотите узнать больше о том, что делают эти вызовы функций, Вы можете прочитать руководство по фениксной структуре об Ecto (в частности, раздел Changesets and Validations ).
4 ответа
Попытайтесь использовать "маленький экран Opera" представление (Представление> Маленький Экран). Это делает довольно достойное задание моделирования мобильного экрана. Попробуйте его на собственном сайте Opera. Обратите внимание, что они используют "карманную" таблицу стилей типа, которая ударяет - то, когда Вы просматриваете на карманном компьютере или переключателе к маленькому экранному режиму.
Можно загрузить Android Google SDK бесплатно для тестирования на.
Для тестирования на iPhone посмотрите iPhone Tester. Существует кнопка на нижней правой части для вращения iPhone в его широкоэкранное состояние.
Телефон OpenWave Simluator, как предполагается, хорош.
Можно попробовать mobi эмулятор онлайн.
Windows Mobile 5.0 SDK для Смартфона содержит "основанные на Windows Mobile 5.0 изображения Эмулятора смартфона и файлы кожи"
Наконец, некоторое общее руководство: Доступность веб-контента и Мобильный Интернет: Создание веб-сайта, Доступного И для Людей с ограниченными возможностями и для Мобильных устройств
Вместо определения браузера можно предоставить альтернативные таблицы стилей для карманных устройств. С
<link rel="stylesheet" href="small.css" type="text/css" media="handheld">
Преимущество состоит в том, что Вам только нужна одна версия Вашего сайта, различие заключается в таблицах стилей. Вам нужна одна дополнительная CSS с определением браузера при необходимости в различных версиях каждой страницы в сайте. Оборотная сторона - то, что не все браузеры поддерживают media атрибут для таблиц стилей. Но самые современные браузеры делают, и поддержка его растет.
Если Вам интересно, я рекомендую взглянуть на статья List Apart.
BTW, если Вы еще не используете CSS, сразу переключаются на нее, неважно, какое решение для Вашей проблемы Вы выбираете. Скалы CSS!
Можно также получить эмуляторы устройства для диапазона Blackberry машин.
Ну, Вы могли всегда бросать некоторое обнаружение JavaScript там для проверки типа браузера, затем перенаправлять на другой сайт, который отформатирован для мобильных устройств. Это, кажется, норма для большинства сайтов.
Примеры:
- Digg.com
- Twitter.com
- Google.com