Какие технологии разработали "Financial Times Web App" для iPhone/iPad

Если вы не знаете, что я имею в виду, вы можете проверить это здесь:

Может ли издатель FT помочь покинуть свою зависимость от Apple?

Итак, мой вопрос (если кто знает), какие именно технологии они использовали для его развития? Использовали ли они jQuery UI, jQuery Mobile, iOS?

Мне бы хотелось знать, как я нахожусь в лодке, что мне понравится "приложение" для моего сайта, но у меня нет времени для изучения объективных C или Java. Таким образом, разработка этой же вещи и настройка ее для разных устройств, похоже, способ пойти.

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

Приветствия

Ответы

Ответ 1

Брендон Захари имеет общий смысл: большинство из них ручная. Там нет единой структуры или библиотеки, которые фиксировали именно то, что требовалось или не имели каких-либо недостатков. Тем не менее, используются две библиотеки:

  • JQuery. Первоначальное использование jQuery было немного выше, но теперь оно в значительной степени используется только для материалов AJAX.
  • TouchScroll, библиотека прокрутки для плавно прокручиваемых элементов используется в нескольких местах, включая просмотры статей.

Большая часть остальных использует "HTML5" или специфические для webkit настройки; много этого материала покрывается http://diveintohtml5.ep.io/. Однако, как только вы начнете использовать этот материал, вы узнаете, что реализации даже в браузерах на основе веб-китов довольно широко варьируются, и есть много причуд; тем более, если вы пытаетесь использовать аппаратное ускорение для переходов или ускоренного компоновки.

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

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

Ответ 2

Короче говоря, они передают то, что вы видите, используя HTML5, CSS3 и jQuery 1.5. Они также сильно используют специфические материалы WebKit.

edit: note: Мне пришлось использовать Safari с моим UserAgent, установленным на iPad, чтобы посмотреть на источник, поскольку они перенаправляют трафик в соответствии с предоставленным UserAgent.

Ответ 3

В вашем Safari (на Mac) перейдите в "Настройки" → "Дополнительно" → "Показать в строке меню".

Теперь вы найдете в меню "Разработка" "Пользовательский агент". Там вы можете изменить идентификатор UserAgent, который будет отправлен на сервер. Поэтому, если сервер предоставляет разные версии для разных User Agent, вы сможете получить к нему доступ.

После того, как вы активировали меню разработки, вы найдете "Inspect Element" в контекстном меню (щелкните правой кнопкой мыши или щелкните правой кнопкой мыши). Используйте это, чтобы увидеть код в хорошем смысле и проверить, какой запрос и какие дополнительные ресурсы загружены.