Букмарклет: различия между версиями

Интерактивная навигация по истории

(Показать все непатрулированные изменения)

[непроверенная версия]

← Предыдущая правка

Содержимое удалено Содержимое добавлено

ВизуальныйВики-текст

Линейный

Текущая версия от 11:47, 21 ноября 2024

Букмарклет (англ. bookmarklet; bookmark — «закладка» и applet — «апплет») — небольшая JavaScript-программа, оформленная как javascript: URL и сохраняемая как браузерная закладка.

Альтернативное название букмарклетов — «favelets» (от слова «Favorites» — названия закладок в браузере «Internet Explorer»).

Концепция

Веб-браузеры используют адрес ресурса как для перехода по атрибуту href тега <a> , так и для сохранения адреса ресурса в закладке. Первая часть адреса, например, http:, file: или ftp:, указывает используемый в адресе протокол.

Протокол javascript: указывает браузеру, что далее следует код JavaScript, который нужно выполнить.

Пример букмарклета, окрашивающего фон страницы в серый цвет:

javascript:void(document.body.style.backgroundColor='gray');

Пример букмарклета, окрашивающего фон элемента страницы с атрибутом id="content" в тёмно-серый цвет:

javascript:void(document.getElementById('content').style.backgroundColor='darkgray');

Для запуска программного кода используется оператор void, он вычисляет выражение и возвращает undefined.

Букмарклеты обычно не возвращают значений, и, таким образом, просто выполняются браузером, имея доступ к открытой в браузере странице. Они могут делать то же самое, что мог бы сделать скрипт, помещённый прямо на странице.

Использование

Букмарклеты используются как инструменты, придающие браузеру дополнительную функциональность. Они могут, к примеру:

поменять внешний вид страницы (цвета, размер букв, и т. д.),
извлечь данные из страницы, например, все ссылки или все используемые изображения,
перейти (для удобства обычно в новом окне) к результатам поиска выделенных на странице слов,
сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки),
помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с cookie.
укорачивать ссылки
отправлять ссылки на данную страницу в социальную сеть
переводить нужную вам страницу на какой-либо язык
также букмарклеты могут блокировать определённые элементы на странице (картинки, Flash)

Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.

Создание

Для написания букмарклета^[1] используется язык JavaScript^[2] (javascript:…). Может использоваться редактор букмарклетов^[3]. Готовый букмарклет поместить в адресную строку браузера и нажать «пуск».

Примечания

↑ Букмарклеты и правила их написания: http://javascript.ru/unsorted/bookmarklet Архивная копия от 7 октября 2010 на Wayback Machine
↑ JavaScript в каталоге Google: Архивированная копия (неопр.). Дата обращения: 25 марта 2010. Архивировано 23 марта 2010 года. (англ.)
↑ A browser-based editor for bookmarklets and other Javascript: http://www.4umi.com/web/bookmarklet/edit.php (англ.) Архивная копия от 12 марта 2010 на Wayback Machine

Ссылки

[1] Букмарклеты и правила их написания: http://javascript.ru/unsorted/bookmarklet Архивная копия от 7 октября 2010 на Wayback Machine

[2] JavaScript в каталоге Google: Архивированная копия (неопр.). Дата обращения: 25 марта 2010. Архивировано 23 марта 2010 года. (англ.)

[3] A browser-based editor for bookmarklets and other Javascript: http://www.4umi.com/web/bookmarklet/edit.php (англ.) Архивная копия от 12 марта 2010 на Wayback Machine

[1]

[2]

[3]

@@ Строка 1: / Строка 1: @@
-'''Букмарклет''' ({{lang-en|bookmarklet}}; ''bookmark'' — «закладка» и ''applet'' — «[[апплет]]») — небольшая [[JavaScript]]-программа, оформленная как ''javascript:'' [[URL]] и сохраняемая как [[Закладка (компьютер)|браузерная закладка]].
+'''Букмарклет''' ({{lang-en|bookmarklet}}; {{lang-en2|bookmark}} — «закладка» и {{lang-en2|applet}} — «[[апплет]]») — небольшая {{lang|en|[[JavaScript]]}}-программа, оформленная как ''javascript:'' [[URL]] и сохраняемая как [[Закладка (компьютер)|браузерная закладка]].
-Альтернативное название букмарклетов — «favelets» (от слова «Favorites» — названия закладок в браузере «[[Internet Explorer]]»). В русском языке иногда используется вариант «закладурки».<ref>[http://www.large.ru/bookmarklets/ Это мы, закладурки<!-- Заголовок добавлен ботом -->]</ref> ({{lang-ru|закладка + процедурка}})
+Альтернативное название букмарклетов — «{{lang|en|favelets}}» (от слова «{{lang|en|Favorites}}» — названия закладок в браузере «{{lang|en|[[Internet Explorer]]}}»).
 == Концепция ==
-[[Веб-браузер]]ы используют [[URI|адрес ресурса]] как для перехода по атрибуту <code>href</code> тега <code>&lt;a></code> , так и для сохранения адреса ресурса в закладке. Первая часть адреса, например, <code>http:</code>, <code>file:</code> или <code>ftp:</code>, указывает используемый в адресе протокол.
+[[Веб-браузер]]ы используют [[URI|адрес ресурса]] как для перехода по [[Тег (языки разметки)#Атрибуты|атрибуту]] <code>href</code> тега <code>&lt;a></code> , так и для сохранения адреса ресурса в закладке. Первая часть адреса, например, <code>http:</code>, <code>file:</code> или <code>ftp:</code>, указывает используемый в адресе протокол.
 Протокол <code>javascript:</code> указывает браузеру, что далее следует код [[JavaScript]], который нужно выполнить.
@@ Строка 12: / Строка 12: @@
 javascript:void(document.body.style.backgroundColor='gray');
 </source>
+Пример букмарклета, окрашивающего фон элемента страницы с атрибутом <code><nowiki>id="content"</nowiki></code> в тёмно-серый цвет:
-Для запуска программного кода используетcя оператор void, он вычисляет выражение и возвращает undefined
+<source lang="javascript">
+javascript:void(document.getElementById('content').style.backgroundColor='darkgray');
+</source>
+Для запуска программного кода используется оператор void, он вычисляет выражение и возвращает undefined.
 Букмарклеты обычно не возвращают значений, и, таким образом, просто выполняются браузером, имея доступ к открытой в браузере странице. Они могут делать то же самое, что мог бы сделать скрипт, помещённый прямо на странице.
@@ Строка 22: / Строка 26: @@
 * перейти (для удобства обычно в новом окне) к результатам [[Поисковая система|поиска]] выделенных на странице слов,
 * сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки),
-* помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с cookie.
+* помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с {{lang|en|[[HTTP cookie|cookie]]}}.
+* укорачивать ссылки
+* отправлять ссылки на данную страницу в социальную сеть
+* переводить нужную вам страницу на какой-либо язык
+* также букмарклеты могут блокировать определённые элементы на странице (картинки, [[Adobe Flash|{{lang|en|Flash}}]])
-Перед использованием букмарклета удобнее занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок. Запустить букмарклет можно и нажав на ссылку с ним. Также в некоторых браузерах можно запускать скрипты прямо из адресной строки. Достаточно скопировать букмарклет в адресную строку и нажать ввод.
+Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.
 == Создание ==
-Для написания букмарклета<ref>Букмарклеты и правила их написания: http://javascript.ru/unsorted/bookmarklet</ref> используется язык JavaScript<ref>JavaScript в директории Google: http://directory.google.com/Top/Computers/Programming/Languages/JavaScript/ {{ref-en}}</ref> (javascript:...). Может использоваться редактор букмарклетов<ref>A browser-based editor for bookmarklets and other Javascript: http://www.4umi.com/web/bookmarklet/edit.php {{ref-en}}</ref>.
+Для написания букмарклета<ref>Букмарклеты и правила их написания: http://javascript.ru/unsorted/bookmarklet {{Wayback|url=http://javascript.ru/unsorted/bookmarklet |date=20101007033315 }}</ref> используется язык {{lang|en|JavaScript}}<ref>{{lang|en|JavaScript}} в каталоге {{lang|en|Google}}: {{cite web |url=http://directory.google.com/Top/Computers/Programming/Languages/JavaScript/ |title=Архивированная копия |accessdate=2010-03-25 |deadlink=да |archiveurl=https://web.archive.org/web/20100323053436/http://directory.google.com/Top/Computers/Programming/Languages/JavaScript/ |archivedate=2010-03-23 }}{{ref-en}}</ref> (javascript:…). Может использоваться редактор букмарклетов<ref>{{lang|en|A browser-based editor for bookmarklets and other Javascript:}} http://www.4umi.com/web/bookmarklet/edit.php{{ref-en}} {{Wayback|url=http://www.4umi.com/web/bookmarklet/edit.php |date=20100312065929 }}</ref>.
-Готовый букмарклет поместить в адресную строку браузера и нажать "пуск".
+Готовый букмарклет поместить в адресную строку браузера и нажать «пуск».
-== См. также ==
-* [[Greasemonkey]]
 == Примечания ==
@@ Строка 37: / Строка 42: @@
 == Ссылки ==
-* [http://bookmarklets.com Bookmarklets.com] {{ref-en}}
+* [http://bookmarklets.com Официальный сайт]{{ref-en}}
-* [https://www.squarefree.com/bookmarklets/ Squarefree.com/bookmarklets] {{ref-en}}
+* [https://www.squarefree.com/bookmarklets/ Букмарклеты] на ''Squarefree.com''{{ref-en}}
-* [http://www.philburns.com/bookmarklets.html  Bookmarklets for Opera] {{ref-en}}
+* [http://www.philburns.com/bookmarklets.html Bookmarklets for Opera]{{ref-en}}
 * [http://webmascon.com/topics/tools/07a.asp Букмарклеты]
 * [http://nitro.ru/articles/78 Букмарклеты для IE]
-{{Внешние ссылки нежелательны}}
+{{Внешние ссылки}}
 [[Категория:Интернет]]
 [[Категория:JavaScript]]
 [[Категория:Веб-разработка]]
-[[ar:بريمج الإشارة المرجعية]]
-[[ca:Miniaplicació enllaçada]]
-[[de:Bookmarklet]]
-[[en:Bookmarklet]]
-[[es:Bookmarklet]]
-[[fi:Sovelluskirjanmerkki]]
-[[fr:Bookmarklet]]
-[[it:Bookmarklet]]
-[[ja:ブックマークレット]]
-[[nl:Bookmarklet]]
-[[pl:Skryptozakładka]]
-[[pt:Bookmarklet]]
-[[zh:小书签]]