Букмарклеты в мобильном Safari

Разговаривая вчера о неявных возможностях iOS 4.2, я упомянул о таком понятии как букмарклеты, являющиеся по сути дела одновременно закладками и мини-программами, написанными на JavaScript, которые могут производить некоторые манипуляции со страницей, её элементами, адресом и прочими данными — смотря на что фантазии у разработчика хватит. В статье я укажу несколько полезных букмарклетов и расскажу пользователям iДевайсов, как их добавить в MobileSafari.

Добавление букмарклетов в iOS

Первая методика добавления букмарклетов в iOS достаточно сложна и требует приложить некоторые усилия.

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



2. Теперь выбираем любой букмарклет из представленных ниже (иди найденный в интернете), кликаем по текстовому полю, в котором находится его текст, выделяем все и копируем в буфер обмена.
3. После чего в MobileSafari редактируем только что сохраненную закладку: назначаем ей имя по своему усмотрению и вставляем в поле адреса из буфера обмена скопированный текст.

Теперь на странице можно использовать букмарклеты точно так же, как и в настольном браузере.

Добавление букмарклетов в Safari

Второй, более простой способ, может помочь в том случае, если вы синхронизируете все закладки настольного Safari с мобильным браузером вашего iДевайса.

Для этого, на панели закладок создайте новую папку c любым именем и перетаскивайте в неё ссылки на букмарклеты (они обычно представлены в интернете в таком виде). Во время следующей синхронизации данная папка попадет к вам на устройство, что будет намного быстрее первого «ручного» метода.

Кроме этого, вы всегда скопировать текст ссылки букмарклета и вставить его в любую новую закладку через специальный менеджер закладок в настольном Safari:

Букмарклеты

А теперь переходим непосредственно к списку этих самых мини-программ. В интернете их огромное количество, поэтому я отобрал несколько наиболее интересных.

Найти текст на странице в браузере (ссылка на Safari)

javascript:void%28s%3Dprompt%28%27Find%20text%3A%27%2C%27%27%29%29%3Bs%3D%27%28%27+s+%27%29%27%3Bx%3Dnew%20RegExp%28s%2C%27gi%27%29%3Brn%3DMath.floor%28Math.random%28%29*100%29%3Brid%3D%27z%27%20+%20rn%3Bb%20%3D%20document.body.innerHTML%3Bb%3Db.replace%28x%2C%27%3Cspan%20name%3D%27%20+%20rid%20+%20%27%20id%3D%27%20+%20rid%20+%20%27%20style%3D%5C%27color%3A%23000%3Bbackground-color%3Ayellow%3B%20font-weight%3Abold%3B%5C%27%3E%241%3C/span%3E%27%29%3Bvoid%28document.body.innerHTML%3Db%29%3Balert%28%27Found%20%27%20+%20document.getElementsByName%28rid%29.length%20+%20%27%20matches.%27%29%3Bwindow.scrollTo%280%2Cdocument.getElementsByName%28rid%29%5B0%5D.offsetTop%29%3B

Отобразить все ссылки на текущей странице (ссылка для Safari)

javascript:var%20a=»;for(var%20ln=0;ln%3Cdocument.links.length;ln++){var%20lk=document.links[ln];a+=ln+’:%20%3Ca%20href=\»+lk+’\’%20title=\»+lk.text+’\’%3E’+lk+’%3C/a%3E%3Cbr%3E\n’;}w=window.open(»,’Links’,’scrollbars,resizable,width=400,height=600′);w.document.write(a);

Сократить адрес текущей страницы при помощи сервиса Bit.ly (ссылка для Safari)

javascript:var%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()==»)?s:(‘%22’+enc(s)+’%22′)),f=’http://bit.ly/’,l=d.location,p=’?v=3&u=’+enc(l.href)%20+’&s=’+enc(d.title)+’%20’+s2,u=f+p;try{if(!/^(.*\.)?tumblrzzz[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)

Сохранить закладку в Del.icio.us (ссылка для Safari)

javascript:(function(){f=’http://delicious.com/save?url=’+encodeURIComponent(window.location.href)+’&title=’+encodeURIComponent(document.title)+’&v=5&’;a=function(){if(!window.open(f+’noui=1&jump=doclose’,’deliciousuiv5′,’location=yes,links=no,scrollbars=no,toolbar=no,width=550,height=550′))location.href=f+’jump=yes’};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()

Прочитать страницу позже с помощью сервиса Instapaper (ссылка для Safari)

javascript:function iprl5(){var d=document,z=d.createElement(‘scr’+’ipt’),b=d.body;try{if(!b)throw(0);d.title='(Saving…) ‘+d.title;z.setAttribute(‘src’,’http://www.instapaper.com/j/VIbChxExXDOZ?u=’+encodeURIComponent(d.location.href)+’&t=’+(new Date().getTime()));b.appendChild(z);}catch(e){alert(‘Please wait until the page has loaded.’);}}iprl5();void(0)

Просмотреть сайт с использованием Instapaper Mobilizer (ссылка для Safari)

javascript:function%20iptxt(){var%20d=document;try{if(!d.body)throw(0);window.location=’http://www.instapaper.com/text?u=’+encodeURIComponent(d.location.href);}catch(e){alert(‘Please%20wait%20until%20the%20page%20has%20loaded.’);}}iptxt();void(0)

Просмотреть сайт с использованием Google Mobilizer (ссылка для Safari)

javascript:document.location=’http://www.google.com/gwt/n?u=’+document.location

Расшарить в Facebook (ссылка для Safari)

javascript:var d=document,f=’http://www.facebook.com/share’,l=d.location,e=encodeURIComponent,p=’.php?src=bm&v=4&i=1271771052&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)

Сохранить в Evernote (ссылка для Safari)

javascript:(function(){EN_CLIP_HOST=’http://www.evernote.com’;try{var x=document.createElement(‘SCRIPT’);x.type=’text/javascript’;x.src=EN_CLIP_HOST+’/public/bookmarkClipper.js?’+(new Date().getTime()/100000);document.getElementsByTagName(‘head’)[0].appendChild(x);}catch(e){location.href=EN_CLIP_HOST+’/clip.action?url=’+encodeURIComponent(location.href)+’&title=’+encodeURIComponent(document.title);}})();

Перевести текущую страницу на русский (ссылка для Safari)

javascript:var%20t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var%20e=(document.charset||document.characterSet);if(t!=»){location.href=’http://translate.google.com/translate_t?text=’+t+’&hl=en&langpair=auto|en&tbb=1&ie=’+e;}else{location.href=’http://translate.google.com/translate?u=’+escape(location.href)+’&hl=en&langpair=auto|en&tbb=1&ie=’+e;};

Отправить в Digg (ссылка для Safari)

javascript:location.href=’http://digg.com/submit?phase=3&url=’+encodeURIComponent(location.href)+’&title=’+encodeURIComponent(document.title)

Показать все изображения на странице (ссылка для Safari)

javascript:n=»;for(i=0;i%3Cdocument.images.length;i++)%7Bn+=’%3Cimg%20src=’+document.images%5Bi%5D.src+’%3E%20’+document.images%5Bi%5D.width+’x’+document.images%5Bi%5D.height+’%3Cbr%3E%3Cbr%3E’%7D;if(n!=»)%7Bdocument.write(‘%3Cp%20style=font-size:11px;font-family:verdana,sans;%3E’+n+’%3C/p%3E’);void(document.close())%7Delse%7Balert(‘i%20see%20no%20images’)%7D

Какие технологии и программные пакеты использовались для создания текущего сайта (ссылка для Safari)

javascript:void(window.open(‘http://builtwith.com/?’+location.host));

Поиск в Wikipedia (ссылка для Safari)

javascript:Qr=prompt(‘Search%20Wikipedia%20for’,»);if(Qr)location.href=’http://en.wikipedia.org/wiki/Special:Search?search=’+escape(Qr)+’&fulltext=Search’

Поиск в Google Images (ссылка для Safari)

javascript:Qr=prompt(‘Search%20Google%20Images%20for’,»);if(Qr)location.href=’http://images.google.com/images?hl=en&q=’+escape(Qr)

Конечно, в App Store есть приложения для всего, но иногда некоторые вещи хочется сделать здесь и сейчас, прямо в браузере, не переключаясь в другие мобильные программы. Работоспособность всех букмарков провели лично, но если вы столкнетесь с трудностями или они по какой-то причине у вас не захотят работать — пишите в комментариях!

Читайте также: