среда, ноября 17, 2010

Букмарклет (или Закладурка): что это такое и в чем его прелесть

Еще три месяца назад я не знала, что такое букмарклет. Не помню, как начала их использовать, но сейчас это один из самых используемых мною инструментов.
Букмарклеты удобны тем, что большинство из них работают в разных браузерах на разных ОСях, и тем, что ими можно заменить многие функции, выполняемые отдельными расширениями (Chrome) или дополнениями (Firefox). В отличие от расширений или дополнений, букмарклеты не занимают память компьютера, если не активны.

Для любителей точности выписала из Википедии определение:
Букмарклет (англ. bookmarklet=bookmark — «закладка» + applet — «апплет») — небольшая JavaScript-программа, оформленная как javascript: URL и сохраняемая как браузерная закладка.
Альтернативное название букмарклетов — «favelets». В русском языке иногда используется вариант «закладурки» (русск. закладка + процедурка)

Для таких как я, можно сказать проще:
Букмарклет - это такая "типа закладка" на панели закладок, нажав на которую можно сделать много чего со страницей, которую вы просматриваете. В частности можно:
  • отправить ссылку на Twitter, Facebook, Vkontakte, Tumblr, Blogger и на другие сервисы
  • сохранить закладку в вашем онлайн-хранилище закладок
  • сделать страницу удобочитаемой, то есть убрать лишние картинки, увеличить шрифт и т.п
  • отправить себе письмо с напоминанием об этой странице
  • скачать со страницы внедренный видео-ролик
  • сохранить страницу в виде файла PDF
  • подписаться на обновления страницы с помощью Google Reader
  • сгенерировать список используемых цветовых решений, используемых на странице
  • отредактировать изображение со страницы в Picnik и сохранить его
    создать скриншот страницы
  • и многое-многое другое
На самом деле возможности букмарклетов неограниченны, нужно просто найти (или написать) тот, который вам нужен. Найдя в сети нужный вам букмарклет, перетащите его на панель закладок своего браузера.
Вот некоторые из моих букмарклетов:

Digolet – букмарклет для отправки закладки на страницу в Diigo (об этом замечательном онлайн-сервисе я уже писала раньше)
javascript:(function(){s=document.createElement("script");s.type="text/javascript";s.src="http://www.diigo.com/javascripts/webtoolbar/diigolet_b_h_b.js";document.body.appendChild(s);})(); 
Поделиться VKontakte
javascript: open('http://vkontakte.ru/share.php?url='+location.href);  void 0;
Поделиться в Twitter
javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());
Отправить в Facebook
javascript:var d=document,f='http://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1287582274&u='+e(l.href)+'&t='+e(d.title);1;try{if (!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)
Показать введенные пароли на странице
javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Passwords in forms on this page:\n\n" + s); else alert("There are no passwords in forms on this page.");})();
[toread] – отправить себе по почте ссылку на страницу
javascript:(function(){var s=document.createElement("scr"+"ipt");s.charset="UTF-8";s.language="javascr"+"ipt";s.type="text/javascr"+"ipt";var d=new Date;s.src="http://toread.cc/bjs.php?s=990393ed1add&c=1&d="+d.getMilliseconds();document.body.appendChild(s)})();
Сохранить как PDF
javascript:void(window.open('http://www.pdfdownload.org/web2pdf/Default.aspx?left=0&right=0&top=0&bottom=0&page=0&cURL='+document.location.href));
kwout - скриншот страницы
javascript:(function(){var b=document.body,e=document.documentElement,h=100,s=self,y=0,w=window;if(s.pageYOffset)y=s.pageYOffset;else if(e && e.scrollTop)y=e.scrollTop;else if(b)y=b.scrollTop;if(w.innerHeight && w.scrollMaxY)h=w.innerHeight+w.scrollMaxY;else if(b.scrollHeight > b.offsetHeight)h=b.scrollHeight;else h=b.offsetHeight;w.open('http://kwout.com/grab?address='+encodeURIComponent(location.href)+'&scroll='+(y/h));})();
Save2Go - скачать видео
javascript:(function(){if(typeof(Save2GO)!='undefined'){Save2GO()}else{var s=document.createElement('script');s.type='text/javascript';document.getElementsByTagName('head')[0].appendChild(s);s.src = 'http://save2go.ru/sys/inc/bookmarklet.js'}})();
Редактировать изображение в Picnik
javascript:void(window.location.href='http://www.picnik.com/?import='+escape(window.location.href));
Цветовая гамма страницы
javascript:s=document.body.appendChild(document.createElement('script'));s.id='fs';s.language='javascript';void(s.src='http://slayeroffice.com/tools/color_list/color_list_moz.js');
Скачать музыку VKontakte
javascript:function $(i){return document.getElementById(i)}function u(s){var j=s.match(/\(.*\)/g)[0].replace(/[^\w,]/g,'').split(',');return 'http://cs'+j[1]+'.vkontakte.ru/u'+j[2]+'/audio/'+j[3]+'.mp3'}for(var q=0,i=($('audios')||$('searchResults')).getElementsByTagName('IMG'),l=i.length;q<l;q++){var _=i[q].parentNode.innerHTML;$('title'+i[q].id.match(/\d+/)).innerHTML+=' <a href=\''+(_.match(/http.*?.mp3/g)||u(_))+'\'>\u2193</a>'}void(0)

Web Analytics