https://camokathomelab.servebeer.com/mediawiki/index.php?action=history&feed=atom&title=%D0%91%D1%83%D0%BA%D0%BC%D0%B0%D1%80%D0%BA%D0%BB%D0%B5%D1%82Букмарклет - История изменений2026-07-16T16:24:42ZИстория изменений этой страницы в викиMediaWiki 1.45.3https://camokathomelab.servebeer.com/mediawiki/index.php?title=%D0%91%D1%83%D0%BA%D0%BC%D0%B0%D1%80%D0%BA%D0%BB%D0%B5%D1%82&diff=26628&oldid=previmported>Vcohen: /* Создание */2025-12-03T13:55:45Z<p><span class="autocomment">Создание</span></p>
<p><b>Новая страница</b></p><div>'''Букмарклет''' ({{lang-en|bookmarklet}}; {{lang-en2|bookmark}} — «закладка» и {{lang-en2|applet}} — «[[апплет]]») — небольшая {{lang|en|[[JavaScript]]}}-программа, оформленная как ''javascript:'' [[URL]] и сохраняемая как [[Закладка (компьютер)|браузерная закладка]].<br />
<br />
Альтернативное название букмарклетов — «{{lang|en|favelets}}» (от слова «{{lang|en|Favorites}}» — названия закладок в браузере «{{lang|en|[[Internet Explorer]]}}»).<br />
<br />
== Концепция ==<br />
[[Веб-браузер]]ы используют [[URI|адрес ресурса]] как для перехода по [[Тег (языки разметки)#Атрибуты|атрибуту]] <code>href</code> тега <code>&lt;a></code> , так и для сохранения адреса ресурса в закладке. Первая часть адреса, например, <code>http:</code>, <code>file:</code> или <code>ftp:</code>, указывает используемый в адресе протокол.<br />
<br />
Протокол <code>javascript:</code> указывает браузеру, что далее следует код [[JavaScript]], который нужно выполнить.<br />
<br />
Пример букмарклета, окрашивающего фон страницы в серый цвет:<br />
<source lang="javascript"><br />
javascript:void(document.body.style.backgroundColor='gray');<br />
</source><br />
Пример букмарклета, окрашивающего фон элемента страницы с атрибутом <code><nowiki>id="content"</nowiki></code> в тёмно-серый цвет:<br />
<source lang="javascript"><br />
javascript:void(document.getElementById('content').style.backgroundColor='darkgray');<br />
</source><br />
Для запуска программного кода используется оператор void, он вычисляет выражение и возвращает undefined.<br />
<br />
Букмарклеты обычно не возвращают значений, и, таким образом, просто выполняются браузером, имея доступ к открытой в браузере странице. Они могут делать то же самое, что мог бы сделать скрипт, помещённый прямо на странице.<br />
<br />
== Использование ==<br />
Букмарклеты используются как инструменты, придающие браузеру дополнительную функциональность. Они могут, к примеру:<br />
* поменять внешний вид страницы (цвета, размер букв, и т. д.),<br />
* извлечь данные из страницы, например, все ссылки или все используемые изображения,<br />
* перейти (для удобства обычно в новом окне) к результатам [[Поисковая система|поиска]] выделенных на странице слов,<br />
* сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки),<br />
* помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с {{lang|en|[[HTTP cookie|cookie]]}}.<br />
* укорачивать ссылки<br />
* отправлять ссылки на данную страницу в социальную сеть<br />
* переводить нужную вам страницу на какой-либо язык<br />
* также букмарклеты могут блокировать определённые элементы на странице (картинки, [[Adobe Flash|{{lang|en|Flash}}]])<br />
<br />
Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.<br />
<br />
== Создание ==<br />
Для написания букмарклета<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=Архивированная копия |access-date=2010-03-25 |url-status=dead |archive-url=https://web.archive.org/web/20100323053436/http://directory.google.com/Top/Computers/Programming/Languages/JavaScript/ |archive-date=2010-03-23 |lang=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>.<br />
Готовый букмарклет надо поместить в адресную строку браузера и нажать «пуск».<br />
<br />
== Примечания ==<br />
{{примечания}}<br />
<br />
== Ссылки ==<br />
* [http://bookmarklets.com Официальный сайт]{{ref|en}}<br />
* [https://www.squarefree.com/bookmarklets/ Букмарклеты] на ''Squarefree.com''{{ref|en}}<br />
* [http://www.philburns.com/bookmarklets.html Bookmarklets for Opera]{{ref|en}}<br />
* [http://webmascon.com/topics/tools/07a.asp Букмарклеты]<br />
* [http://nitro.ru/articles/78 Букмарклеты для IE]<br />
<br />
{{Внешние ссылки}}<br />
<br />
[[Категория:Интернет]]<br />
[[Категория:JavaScript]]<br />
[[Категория:Веб-разработка]]</div>imported>Vcohen