Пишем простое приложение на jQuery Mobile

[AYShestakov]

ссылка на результат, для удобства.
Вообще потрясающий тьюториал!
Побольше бы таких на хабре.
Потестировал на Desire (HD Dolphin Brawser) — возникли некоторые сложности.
Карта не открылась — хотя местоположение запросил.
В поиске какие-то глюки.
Возможно это проблемы браузера.

[cream_brule]

кстати, расскажите мне как пользоваться сием штрихкодом, есть какой-то софт который переходит по ссылке по штрихкоду???
или это только для андроидов?
на Win 6.5 есть такое?

[AYShestakov]

www.appbrain.com/app/barcode-scanner/com.google.zxing.client.android для андроида самая популярная BarCode Scanner
Пользоваться просто — включаешь прогу — появляется вид через камеру и полосочка — наводишь, например, на экран. Програ распознает и предлагает открыть. В зависимости от вида ссылки откроется или маркет или браузер или там почта к примеру.

[cream_brule]

прикольно, а под винмобайл что-нибудь есть?

[AYShestakov]

к примеру — кликабельно.
Не пользовался.

[cream_brule]

о спасибки

[lasc]

Я как понимаю это можно потом упаковать в phonegap или appcelerator titanium?

[mythmaker]

Ну вообще да.

[akira]

Жаль, что на кнопках проявляются артефакты и искажают графику.

[PingMe]

iPhone 4, карта так и не загрузилась. В разделе Twitter, была продолжительная пауза перед «Loading», немного подождал и загрузилось.

[serega011]

Android 2.2 ни карты ни твиттера ни поиска, вообще ничего, только навигация по страницам работает.

[AlexKR]

Android 2.2, загрузился твиттер, но не сразу, а секунд через 15…

[serega011]

А да, теперь заработал твиттер и поиск заработал. Карты до сих пор не пашут.

[ifrond]

Протестировал на Opera Mobile 10 и на родном internet explorer (HTC Diamond II c WM6.5).
В опере условно (упрощенно) отобразилась тема, но карта и твиттер не работали, а в ie не подцепилась даже тема.

[ifrond]

прочитал внимательно, поддерживается только windows phone

[DeNnEr]

На правах оффтопа и здравого любопытства:
Есть ли подобные… «фреймворки» на других js-фреймворках? Какие сейчас модно использовать, кроме jQuery Mobile?
Хочется сравнить и думать что использовать для конкретного проекта.

[AYShestakov]

Sencha Touch 1.0 на основе ExtJS (или от создателей EXtJS)
Sencha Touch, the first HTML5 mobile JavaScript framework that allows you to develop mobile web apps that look and feel native on iPhone and Android touchscreen devices, has just hit the big 1.0.

Правда с демками там тоже проблемы — допустим солитер на WebKit не заработл.

[DeNnEr]

О! Спасибо, люблю я ExtJS, а тут ещё и такое от них же!

А как оно вообще работает на других телефонах? Как в опере мини?

[mythmaker]

Наиболее адекватно работать под айфоном и андроидом версии от 2.1. На WM 6.5, Nokia Browser, Opera Mini и Opera Mobile не работает.

[DeNnEr]

Обидно. А есть ли что-то для более удобной разработки страниц для WM 6.5, Nokia Browser, Opera Mini и Opera Mobile?

[mythmaker]

Можно попробовать html5boilerplate.com/

[mythmaker]

Еще есть XUI, кое что есть в YUI, Dojo.

[DeNnEr]

Любопытно, спасибо. Жаль что нет демок. Вот доджо интересно, да.

[mr_avi]

Nokia 5530 (Opera Mobile) не очень:)

[BiFive]

Попробовал на HTC Wildfire прошивка 2.1. Пробовал как на встроенном браузере так и на опере мини.
Так артефакты видны. Торможение есть. Ну и да еще не работает ни твиттер ни мап. так же отказывается работать кнопка Back. Мап отказался работать как при включенном ГПС так и при выключенном.

[fStrange]

Все это хорошо, но даже на некоторых мобилах с броузерами А-класса будет работать с проблемами. В России же наибольшее распространение мобилы с броузерами классов Б и С.

[mythmaker]

К вопросу о совместимости.

[roller]

А в настольных браузерах должно работать? Карта не заработала хотя и спросила разрешение на location, твиттер работает…

[mythmaker]

Был глюк со стилем, попробуйте сейчас.

[roller]

linux chromium 8.x — OK
iphone 2g — OK, но пролистывание карты подтормаживает, то есть интерфейс не сразу срабатывает на движение пальцем… странно… гуглокарты работают мгновенно

ну еще непонятно зачем 20px-зазор вокруг карты)

[roller]

вообще заметил, на 2G ВЕСЬ интерфейс срабатывает не мгновенно а после небольшого но одинакового лага для всех элементов (прокручивагие экрана, кнопка)

jquery таки тяжеловат?

[mythmaker]

Вполне может быть и такое, жаль если так =(
Кстати, попробуйте для сравнения запустить демки Sencha Touch. Сильно ли они будут тормозить?

[roller]

трудно сказать, большинство приложений там для ipad а geocongress после вопроса о разрешении location вообще завис)))

[svoloshyn]

В примере похоже кодировка UTF-8 с BOM, view source в Firefox показывает

п»ї<!doctype html>

это баг или фича?

[mythmaker]

Да, кодировка именно такая. И это скорее всего баг.

[xdevel]

поставьте кодировку UTF-8 без BOM и символ вылазить не будет.
и в htaccess в папку положите или добавьте строчку AddDefaultCharset UTF-8

А вообще одно время так напарился с этим jmobile, он настолько сырой… посоветовали добрые люди www.sencha.com/products/touch/download.php
не в пример стабильней и приятней.

А обзор хороший, не в пример документации у них на сайте.

[mythmaker]

Спасибо, так и сделаю!

На сенче я тоже писал проект, достаточно навороченный, много своих стилей и собственных компонент. К сожалению, на момент написания проекта — август этого года — сенча жутко тормозила на айфоне. А вот на айпаде все было отлично.

Кстати, я на основе этой документации и делал. Она на самом деле полная, просто не очень удобна в использовании — постоянно приходится куда-то перескакивать. Сейчас думаю над аналогичным постом по сенче, надеюсь выйдет дельным.

[xdevel]

сейчас делаю на сенче — такие же проблемы у jtouch и jmobile на айпаде.
Собственно это первый проект именно приложения (пусть и веб) под айпад. Столько ньюансов… жуть.
Собственно на сенчу перешел из-за того что не смог заставить сайт открываться в одном окне на весь экран — решается вьювпортом+пара мета тегов, в т.ч. и тот, который отвечает за показ как приложение. в итоге получилось, что с ярлыка запускается на полный экран, но при переходе по любой ссылке — появляются панельки броузера + открывается в новом окне.

[lahmatiy]

var shuffle = function(o){ //v1.0
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
		return o;
        };

Большего надругательства над for я еще не видел…
Не считаете, что так лучше воспринимается?

var shuffle = function(o){ //v1.0
  for(var j, x, i = o.length; i;);
  {
     j = parseInt(Math.random() * i);
     x = o[--i];
     o[i] = o[j];
     o[j] = x;
  }
  return o;
};

[mythmaker]

Не спорю, смотрится лучше, но данный пост все же направлен на показ функций по работе с jQM. Да и если смотреть минимизированные либы, то они вообще не воспринимаются.

[lahmatiy]

Сужу по себе, меня заставил этот код задуматься «а в чем подвох» — не сразу заметил точку с запятой после for. Циклы с пустым блоком операторов большая редкость и плохая практика.
Может тогда не стоило приводить этот код функции? К тому же, в статьях не приводят код в сжатом виде, если хотят, чтобы в нем разобрались другие.

[mythmaker]

Да, пожалуй вы правы, эта функция была лишней. Спасибо.