Как «легко» создать безупречный код Javascript для мобильных платформ? - PullRequest
3 голосов
/ 24 декабря 2011

В настоящее время я пытаюсь найти лучший способ «легко» разработать веб-сайты, которые отлично работают на следующих платформах: MAC / PC (IE6 +, FF3 +, Chrome, Safari, Opera), iOs / Android (все существующие мобильные браузеры).)

Самое главное, я хочу избежать отделения мобильной версии от остальных.Я хочу создать красивый веб-сайт, который использует одинаковые HTML5, CSS3 и Javascript для всех платформ.

Что касается части HTML5 / CSS3, я очень доволен результатом.Сложная часть проистекает из Javascript.

На первый взгляд, jQueryMobile казался лучшим вариантом для такой работы.

Но я заметил несколько недостатков: - просто добавление библиотеки делает шрифты выглядящимисвоего рода «блокирование» на немобильных платформах - я не слишком люблю использовать их GUI - в библиотеке отсутствуют полезные функции (например: обнаружение элементов, покидающих / входящих в область просмотра)

Как я уже сказал, яЯ предпочитаю заботиться о графическом интерфейсе самостоятельно с помощью надежного кода HTML5 / CSS3.Для манипуляции с окном просмотра я нашел http://www.appelsiini.net/projects/viewport, но он не работает на моем телефоне Android, и я все равно не могу проверить свой собственный код javascript на всех платформах.

Итак, сделайтеребята, вы знаете инструменты, которые помогли бы мне превзойти пользовательский javascript, который безупречно работал бы на каждой мобильной платформе?

Заранее спасибо за вашу помощь:)

Ответы [ 3 ]

2 голосов
/ 24 декабря 2011

Для HTML / CSS:

Подходит ли Mandible для ваших нужд?

Для Javascript:

Все основные фреймворки «работают» кроссплатформенно и кросс-браузерно и имеют тенденцию маскировать «неровности» между средами.В этом случае ваш выбор должен зависеть от того, какую функциональность или структуру вы хотите, чтобы ваша инфраструктура обеспечивала, сбалансированная с дополнительными требованиями к обработке и накладными расходами времени загрузки, которые будут возникать при загрузке и запуске громоздких платформ при работе на более медленном мобильном устройстве.

Вот несколько примеров:

Подчеркивание дает общую основу полезной функциональности и очень мало.

jQuery хорош для дом манипуляции и выбора.У него есть некоторые дополнительные специи в подчеркивании, но я не думаю, что это фокус.Его особенности делают его громоздким, но он также поддерживает и имеет широкий спектр плагинов.

Zepto походит на минималистский jquery.Его площадь значительно меньше, что делает его хорошим выбором для мобильных приложений, но по функциональности он не соответствует jQuery.Он также не имеет доступа к миру плагинов jQuery.

Backbone.js требует Underscore и jQuery / Zepto, но дает вам надежный способ построения и управления моделями.Это очень хорошо для работы с конечными автоматами, удаленными данными и предотвращения выхода из-под контроля шаблонов и DOM.

Надеюсь, это поможет.Когда вы принимаете решение о том, с какой платформой идти, сообщите нам, с чем вы пошли и почему.

Другие примечания
- iScroll кажетсяпереход на мобильную прокрутку.Никогда не использовал его сам, хотя.
- jQueryMobile специально разработан как платформа, помогающая создавать HTML-интерфейсы для мобильных устройств.Если вы создаете свой собственный надежный код HTML5 / CSS, вам, вероятно, не нужна его помощь.
- Не тратьте время на поддержку IE6 или 7 .Если вы не переделываете веб-сайт AARP, ваша целевая аудитория не использует их.

2 голосов
/ 24 декабря 2011

HTML5, CSS3 и IE6 являются взаимоисключающими.

Попробуйте написать чистый код и убедитесь, что он проверяет , иначе IE отобразит его в режиме причуд. Избегайте много чистого JavaScript. Используйте библиотеки вроде jQuery там, где это уместно. Затем попробуйте заставить его работать на IE6. Вы можете найти полезные проекты, такие как css3pie.com , но это всего лишь оболочка.

Альтернативным решением является использование GWT .

0 голосов
/ 24 декабря 2011

Я бы сильно опирался на jQuery .. он даже пытается работать на IE6 .. с некоторым успехом, который я бы засвидетельствовал. Нет причин не использовать последнюю версию 1.7 и использовать возможности HTML5 / CSS3, где вы можете ..

...