Расширения для Safari: будьте бдительны.
После перехода на OS X, я стал, в качестве основного браузера, использовать Safari. Пользуясь браузером, уже несколько лет, проблем в работе с ним не возникало. Вот правда плагинов к нему намного меньше чем к Chrome или Firefox, в связи с чем удобство просмотра тех или иных сайтов в различных браузерах очень отличается.
Так, как я уже просто привык к Safari и не хочу переходить на другой браузер, я решил что все не достающие мне плагины можно написать. Плюс ко всему, как оказалось, это очень просто.
Под катом пример создания плагина и публикация его в extensions.apple.com
Подготовка
Для начала нужно выбрать что будете разрабатывать. В связи с тем что я часто слушаю музыку с Soundcloud , а «выпрыгивающие» комментарии на сайте меня сильно раздражают, я решил написать плагин который будет автоматически отключать комментарии при проигрывании.Как это выглядит:
Включенные комментарии
Выключение комментарии
Для разработки плагина понадобится Apple dev акаунт. Зарегистрировать его можно .
После чего нужно получить сертификат для подписи ваших плагинов. Проблем при регистрации и получении сертификата возникнуть не должно, просто следуйте инструкциям на сайте.
Разработка
После установки сертификата разработчика можно приступать к разработке. Для начала нужно активировать режим разработчика в Safari->Настройки->Дополнения->Ставим галочку «Показать меню разработка»Теперь открываем в меню пункт Разработка->Extension builder и настраиваем Ваш плагин, после чего сохраняем его.
Я писал плагин на js с использованием jQuery. Подробно о поддерживаемых языках программирования и возможностях плагинов для браузера Safari можно прочитать .
В папке где вы сохранили скрипт создайте файл plugin.js в нем и будет хранится код плагина.
Мой код для примера
function soundcloud() {
$(document)
.ready(function () {
$(".player")
.each(function () {
$(this)
.children() != undefined && $(this)
.toggleClass("no-comments");
})
})
};
soundcloud();
В Extension builder выберите в пункте «Конечные скрипты» Ваш скрипт и нажмите на Install.
Ваш плагин создан и установлен в Safari.
Подготовка к публикации
Подготовка к публикации у меня заняла больше всего времени. Нужно сделать много мелочей:- Создать иконки с размерами 32x32, 48x48, 64x64, 100x100 пикселей и положить в папку с плагином под именем Icon-32.png, и тд.
- Скриншот плагина с размером 425x275 px.
- Написать короткое и длинное описание плагина.
- Создать web страничку для плагина. (К примеру запись в Вашем блоге где описывается данный плагин.)
- Создать файл манифест обновления плагина (ниже описано как)
- Загрузить плагин на сервер для возможности скачивания его по прямой ссылке.
С иконками, описанием и страницей плагина думаю все понятно, что касательно манифеста, то это просто XML файл в котором описивается текущая версия плагина.
Шаблон такого файла
Пример моего файла
Параметр Safari Developer это номер вашего DEV акаунта в Apple. Его можно найти в Extension builder в правом верхнем углу.
Так же перед публикацией не забудьте на вашем веб сервере добавить в MIME тип.safariextz
Пример для Apache:
AddType application/octet-stream .safariextz
Публикация
Если вы все подготовили то можете смело открывать и отправлять свое творение в Apple на расмотрение.Опубликовал плагин я с второго раза, сначала не получилось, так как я не добавил в плагин иконки. Плагин на рассмотрении у Apple был как первый, так и второй раз 7 дней. Понравилось что дают четкий ответ почему плагин не опубликован, так как понятно что нужно исправить.
Исходный код плагина и остальное доступно на
За свою семилетнюю историю операционная система iOS из суровой, неприступной и полностью закрытой превратилась в дружелюбную операционку, восьмая версия которой впервые позволила пользователям самостоятельно устанавливать не только сторонние клавиатуры и виджеты, но и надстройки в виде плагинов для штатного браузера Safari. Сегодня мы познакомимся с расширениями , облегчающими мобильный серфинг и делающими браузер Safari на iOS более функциональным.
Все плагины устанавливаются напрямую из App Store и имеют собственные отдельные приложения, которым придется найти место на SpringBoard вашего iPhone.
Каждое установленное расширение необходимо непосредственно включить в самом браузере:
Для этого вызовите меню Safari и откройте вкладку Eще . Включите требуемый плагин.
Жанр
: Утилиты, плагин
Издатель
: Chengyin Liu
Версия
: 1.02
iPhone + iPad
: Бесплатно [Скачать из App Store]
Как вы определяете нравится вам сайт или нет? Пока дело доходит до контента, первое, на что обращаешь внимание – дизайн веб-страницы. В каких тонах оформлен сайт, как выглядит футер, как много на сайте рекламы и, конечно же, насколько читабельны шрифты. Расширение позволяет определить какое именно семейство шрифтов используется на сайте.
Выделяем интересующий нас фрагмент текста, оформленного одним шрифтом, открываем меню браузера Safari и тапаем по пиктограмме WhatFont. Получаем подробную информацию о стиле шрифта.
Awesome ScreenShot
Жанр
: Утилиты, плагин
Издатель
: Diigo
Версия
: 1.4
iPhone + iPad
: Бесплатно [Скачать из App Store]
Нередко при просмотре веб-страниц возникает необходимость выделения ее фрагмента, содержащего целую статью или баннер. Простое копирование текста – не вариант, поскольку нужно сохранить стиль форматирования страницы. Решить проблему захвата веб-страницы поможет расширение .
Благодаря ScreenShot мобильный браузер Safari сможет делать полноразмерные скриншоты развертки всего сайта. Открыв требуемую страницу, запускаем плагин, масштабируем изображение до нужного размера и выбираем пункт Visible. Будет захвачен тот фрагмент страницы, который в данный момент отображается на iPhone.
Если требуется сделать захват всей страницы, достаточно выбрать Full Page . Полученное изображение можно кадрировать, внести графические или текстовые пометки посредством расширения ScreenShot.
Mail to Self
Жанр
: Утилиты, плагин
Издатель
: Extra Thought
Версия
: 2.3
iPhone + iPad
: Бесплатно [Скачать из App Store]
Несмотря на то, что в интернете существуют десятки облачных хранилищ и сервисов по работе с заметками, нередко для быстрого сохранения сообщения, фотографии или заметки я просто отправляю электронное письмо на свой же почтовый ящик. Расширение Mail to Self значительно облегчает этот процесс.
После установки Mail to Self откройте приложение и укажите свой почтовый ящик. На указанный почтовый адрес придет код активации. Активировав плагин, вы получите возможность мгновенной отправки ссылки любой открытой в браузере веб-страницы на свой почтовый адрес.
Жанр
: Утилиты, плагин
Издатель
: Wunderkinder GmbH
Версия
: 3.1.6
iPhone + iPad
: Бесплатно [Скачать из App Store]
Расширение, позволяющее прямо из окна браузера добавлять новые задачи в планировщик . Использование плагина особо удобно когда требуется добавить в список дел статью или страницу, прочесть которую нужно позднее и главное – не забыть.
Для начала работы с Wunderlist достаточно зарегистрироваться или войти в учетную запись Facebook, Google. Приложение является кроссплатформенным, что позволяет получать доступ к списку запланированных дел, задач и заметок как с компьютера, так и с планшета или смартфона.
Жанр
: Утилиты, плагин
Издатель
: Read it Later
Версия
: 5.6.2
iPhone + iPad
: Бесплатно [Скачать из App Store]
Лучшее средство коротания времени во время утомительной поездки в метро, пожалуй, чтение. Наличие интернета в вагоне метро – прерогатива мегаполисов. В менее крупных городах погружение на несколько десятков метров под землю означает, что в ближайшие 30-40 минут придется жить без интернета. Расширение Pocket позволяет сохранить веб-страницы в виде статьи с возможностью дальнейшего чтения в режиме оффлайн.
Установив приложение Pocket, зарегистрируйтесь, либо войдите в собственную учетную запись Google. На интересующей вас странице из меню браузера Safari выберите плагин Pocket. Статья тут же будет добавлена в избранные, а найти ее можно в отдельном приложении Pocket.
Не так давно я натолкнулся на очень интересную заметку «Будьте осторожны с расширениями Safari и отключите их автоматическое обновление», опубликованную Лексом Фридманом (Lex Friedman) - постоянным автором Macworld и TidBITS, блоггером, веб-разработчиком и создателем нескольких расширений для Safari. В ней автор рассказывает о проблемах, которые могут поджидать обыкновенных пользователей после установки расширений в браузер. Предлагаю нашим читателям ознакомиться с вольным переводом этой статьи и передаю слово мистеру Фридману.
Я большой фанат расширений Safari. Уже написал и делюсь ими с интернет-общественностью. Но опыт их создания позволил мне понять насколько легко злоумышленник может собрать о вас разнообразную информацию, используя методы, которые не так-то просто будет обнаружить.
Для начала, стоит рассказать о принципе работы расширений: как и веб-страницы, аддон состоит из кода Javascript, CSS и HTML. Мой «Affiliatizer», например, использует Javascript для получения всех ссылок на странице. Затем он проверяет каждую из них с целью найти линк, указывающий на Amazon, и немного изменяет его (добавляет ваш партнерский код) - все с помощью Javascript.
Установленные расширения могут добавлять любой HTML-код на любые просматриваемые веб-страницы. И в этом заключается основная проблема - причем, она намного опасней, чем может показаться на первый взгляд.
Посмотрите на мое новое (на самом деле, безобидное) расширение, которое я назвал . Вместо того, чтобы на странице искать ссылки или изменять шрифты, оно создает новый элемент HTML, который называется