Букмарклеты

Хорошо живется пользователям Firefox — огромнейшая база дополнений позволяет настроить браузер под себя и добавить в него всевозможные функции. В Opera с этим посложнее — конечно, есть виджеты, но их мало (и мне они почему-то не нравятся). Но я люблю Оперу за ее скорость, экспресс-панель, встроенные удобные почтовый клиент и RSS-читалку (и все это прямо «из коробки»). А добавить ей функциональности можно при помощи букмарклетов. Ниже — десятка используемых мною.

1. Сделать скриншот страницы

Сделать скриншот

javascript:void(window.open(‘http://kwout.com/grab?address=’+document.location.href));

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

2. Упрощенный стиль

Упрощенный стиль

javascript:(function(){readStyle=’style-novel’;readSize=’size-medium’;readMargin=’margin-medium’;_readability_script=document.createElement(‘SCRIPT’);_readability_script.type=’text/javascript’;_readability_script.src=’http://lab.arc90.com/experiments/readability/js/readability.js?x=’+(Math.random());document.getElementsByTagName(‘head’)[0].appendChild(_readability_script);_readability_css=document.createElement(‘LINK’);_readability_css.rel=’stylesheet’;_readability_css.href=’http://lab.arc90.com/experiments/readability/css/readability.css’;_readability_css.type=’text/css’;document.getElementsByTagName(‘head’)[0].appendChild(_readability_css);_readability_print_css=document.createElement(‘LINK’);_readability_print_css.rel=’stylesheet’;_readability_print_css.href=’http://lab.arc90.com/experiments/readability/css/readability-print.css’;_readability_print_css.media=’print’;_readability_print_css.type=’text/css’;document.getElementsByTagName(‘head’)[0].appendChild(_readability_print_css);})();

Иногда, когда читаешь на сайте большую статью, начинают напрягать баннеры, слишком мелкий текст, плохо подобранные цвета. Кликаем, и читаем в приятном формате. Подобных сервисов, кстати, много — можно выбрать наиболее подходящий вам.

3. Показать пароль

Показать пароль

javascript:(function(){var%20s,F,j,f,i;%20s%20=%20″»;%20F%20=%20document.forms;%20for(j=0;%20j<F.length;%20++j)%20{%20f%20=%20F[j];%20for%20(i=0;%20i<f.length;%20++i)%20{%20if%20(f[i].type.toLowerCase()%20==%20″password»)%20s%20+=%20f[i].value%20+%20″\n»;%20}%20}%20if%20(s)%20alert(«Passwords%20in%20forms%20on%20this%20page:\n\n»%20+%20s);%20else%20alert(«There%20are%20no%20passwords%20in%20forms%20on%20this%20page.»);})();

Помогает, если пароль забыт, но сохранен в браузере. По сути — открывалка звездочек.

4. Подсветка Noindex

Подсветка Noindex

javascript:(function(){var n = document.getElementsByTagName(‘noindex’);for(i=0; i<n.length; i++) {n[i].style.display = ‘block’;n[i].style.overflow = ‘hidden’;n[i].style.border = ’2px solid red’;}})();

SEO-букмарклет. Позволяет просмотреть, какие ссылки на странице находятся в Noindex.

5. Сохранить в fav20

Сохранить в Fav20

javascript:void(location.href=’http://www.fav20.com/add?url=’+encodeURIComponent(location.href)+’&title=’+document.title);

Fav20 — сервис визуальных закладок. Я делал подборку таких сервисов раньше. Люблю онлайн-закладки за то, что они доступны на всех компьютерах.

6. Перевод страницы

Перевод страницы

javascript:A14nH=location.href;%20L3f7=prompt(‘Choose%20destination%20language%20(2%20chars%20abbreviation):%20′,’en’);%20if(L3f7.length==2)%20{location=’http://translate.google.com/translate?u=’%20+%20encodeURIComponent(A14nH)+’&sl=auto&tl=’+L3f7;}else{alert%20(‘Invalid%20language%20abbreviation.’)}

Существует несколько вариантов букмарклета для перевода. Это — один из позволяющих выбрать язык перевода (надо ввести en, ru, и т.д.). Использует Google Translate.

7. Редактирование страницы

Редактирование страницы

javascript:document.body.contentEditable = ‘true’; document.designMode=’on’; void 0

Полезность этого букмарклета под большим вопросом, зато с его помощью можно поднять себе настроение. Он позволяет редактировать любую страницу прямо в браузере. Жалко, что результат не сохраняется на сервере :) был бы настоящий вебдваноль :) :)

8. Текстовые ссылкиТекстовые ссылки

javascript:void(__s__=document.createElement(‘script’));%20void(__s__.src=’http://dev.pdvel.com/browserbuttons/linklinks/index.js’);void(__s__.id=’__s__’);void(__s__.type=’text/javascript’);void(document.getElementsByTagName(‘head’)[0].appendChild(__s__));

Если на странице есть адрес сайта, который не сделан ссылкой, можно выделить его и перейти на сайт через контекстное меню. Однако, если таких ссылок в виде текста слишком много — проще использовать этот букмарклет.

9. Сократить в u.nu

u.nu

javascript:void(location.href=’http://u.nu/?bookmarklet=1&url=’+encodeURIComponent(location.href))

Сокращалка адреса. Почему u.nu — не знаю. Просто нравится. Есть множество аналогов.

10. Закачка с YouTubeЗакачка с YouTube

javascript:(function(){url=’http://keephd.com/download.js’;document.body.appendChild(document.createElement(‘script’)).src=url;})();

Букмарклет от KeepHD. От остальных отличается возможностью скачивать HD-видео (и выбирать, в каком формате качать).

И, на закуску, несколько сайтов, где можно почитать о букмарклетах, о том, как их установить, ну и, собственно, скачать их: