gmTranslator v0.2 beta
gmTranslator v0.2 betagmTranslator обновлён до версии 0.2 beta
Список изменений:
- добавлено сочетание клавиш ⌥T (Alt+T) для быстрого перевода выделенного текста;
- если выделен большой фрагмент текста, то в контекстном меню он обрезается до разумных размеров;
- исправлены мелкие баги.
Обрабатываем переход страницы в активное состояние в Safari для iOS
Обрабатываем переход страницы в активное состояние в Safari для iOSВ HTML5 появились новые атрибуты событий (подробнее), в том числе для объекта window такие атрибуты как onpageshow и onpagehide.
onpageshow- скрипт будет запущен когда окно становится видимым;onpagehide- скрипт будет запущен когда окно скрывается.
В Safari для iOS, если пользователь не закрыл Вашу страницу, а отправил приложение в фон (нажав кнопку home), а затем снова открыл Safari, то сработает обработчик onpageshow. Таким образом можно отследить переход в активное состояние вашей страницы или Web-приложения для iPad, iPhone или iPod Touch.
gmTranslator – расширение для Safari, v 0.1 beta
gmTranslator – расширение для Safari, v 0.1 betaВыложил в публичный доступ своё расширение для Safari - gmTranslator (v.0.1 beta).
gmTranslator - это простой инлайн переводчик, предназначенный для перевода отдельных слов или коротких фраз в контексте страницы. Пришлось написать такое тривиальное расширение, потому что, к своему удивлению, я не нашел на сервисе расширений для Safari подходящего по функционалу переводчика.
JavaScript событие поворота устройства iOS и Android
JavaScript событие поворота устройства iOS и AndroidПри повороте устройства браузер отсылает событие orientationchange. Это актуально для обеих операционных систем. Но подписка на это событие может осуществляться по разному. При проверке на разных устройствах iPhone, iPad и Samsung GT (Android), выяснилось что в iOS срабатывает следующий вариант установки обработчика:
window.onorientationchange = handler;
А для Android подписка осуществляется иначе:
window.addEventListener( 'orientationchange', handler, false );
Примечание: В обоих примерах handler - функция-обработчик
Текущую ориентацию экрана можно узнать проверкой свойства window.orientation, принимающего одно из следующих значений:
- 0 — нормальная портретная ориентация
- -90 — альбомная при повороте по часовой стрелке
- 90 — альбомная при повороте против часовой стрелки
- 180 — перевёрнутая портретная ориентация (пока только для iPad)
Для iOS 4.2 и выше есть более широкие возможности по отслеживанию точных углов наклона устройства в трёхмерном пространстве, а также некоторые другие плюшки гироскопа и акселерометра. Если интересно: документация на сайте Apple по событиям DeviceOrientationEvent и DeviceMotionEvent, статья на Хабрахабр.
Автоматическое изменение размеров текста в iOS
Автоматическое изменение размеров текста в iOSSafari для устройств с iOS (iPhone, iPod touch и iPad) автоматически регулирует размеры текста, даже если вы отключили scale для страницы с помощью тега viewport. Это может приводить к изменению размеров текста, например при повороте устройства. Для управления фичей служит css свойство -webkit-text-size-adjust, которое может принимать значения none | auto | %value. Соответственно, чтобы отключить регуляцию размеров текста браузером, достаточно задать свойству значение none:
-webkit-text-size-adjust:none;
Назначение иконки веб-страницы (веб-приложения) для Web Clip
Назначение иконки веб-страницы (веб-приложения) для Web ClipПост является вольным переводом текста из документации Apple Configuring Web Applications.
Примечание: Web Clip функционал доступен в iOS 1.1.3 и выше. Имя файла apple-touch-icon-precomposed.png доступно в iOS 2.0 и выше. Поддержка нескольких иконок для разных разрешений устройств доступна в iOS 4.2 и выше.
Вы можете захотеть, чтобы у пользователя была возможность добавить ваше web приложение или web-страницу на домашний экран (Home screen). Такие ссылки, представленные иконками, называются Web Clip. Следуйте следующим простым шагам, чтобы указать иконку, отображающую ваше web-приложение или web-страницу в iOS.
Область просмотра (viewport) Safari для iPhone и iPod touch, а также iPad
Область просмотра (viewport) Safari для iPhone и iPod touch, а также iPad
В разделе Configuring the Viewport документации Apple приведены размеры элементов интерфейса мобильного браузера Safari для iPhone и iPod touch в портретной ориентации. Для альбомной ориентации размеры в явном виде не указаны, в то же время высота панели кнопок (button bar) отличается и равна 32 пикселям.