Инструменты пользователя

Инструменты сайта


bukmarklet

Различия

Здесь показаны различия между двумя версиями данной страницы.

Ссылка на это сравнение

bukmarklet [2011/06/23 07:55] (текущий)
Строка 1: Строка 1:
 +====== Букмарклет ======
 +**Букмарклет** (англ. bookmarklet;​ bookmark — «закладка» и applet — «апплет») — небольшая JavaScript-программа,​ оформленная как javascript: URL и сохраняемая как браузерная закладка.
  
 +**Использование**
 +
 +Букмарклеты используются как инструменты,​ придающие браузеру дополнительную функциональность. По сути, это клиентский код, который может сделать со страницей все, что вам угодно. Они могут, к примеру:​
 +  * поменять внешний вид страницы (цвета,​ размер букв, и т. д.),
 +  * извлечь данные из страницы,​ например,​ все ссылки или все используемые изображения,​
 +  * перейти (для удобства обычно в новом окне) к результатам поиска выделенных на странице слов,
 +  * сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки),​
 +  * помочь веб-разработчику — показать имена стилей,​ классов,​ свойства элементов,​ произвести операции с [[cookie]].
 +
 +Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.
 +
 +===== Примеры =====
 +<​file>​
 +
 +    <​body>​
 +        <div>
 +            <​h1>​Примеры букмарклетов</​h1>​
 +[<a href="​javascript:​void(document.body.style.backgroundColor='​gray'​);">​Окрашивает фон страницы в серый цвет.</​a>​ ]
 +        </​div>​
 +        <div>
 +[<a href="​javascript:​var firebug=document.createElement('​script'​);​
 +firebug.setAttribute('​src','​http://​getfirebug.com/​releases/​lite/​1.2/​firebug-lite-compressed.js'​);​
 +document.body.appendChild(firebug);​(function(){if(window.firebug.version){firebug.init();​}else{setTimeout(arguments.callee);​}})();​void(firebug);"​
 +>​Вызывает на текущей странице firebug lite.</​a>​ ]
 +        </​div>​
 +            <div>
 +                <​hr><​font size="​1">​
 +                Документ:​ <​i><​script type="​text/​javascript">​document.write(document.title);</​script></​i><​br>​
 +                URL: <​i><​script type="​text/​javascript">​document.write(document.URL);</​script></​i><​br>​
 +                Дата последнего обновления:​
 +                <​i><​script type="​text/​javascript">​document.write(document.lastModified);</​script></​i>​
 +                </​font>​
 +            </​div>​
 +        </​div>​
 +    </​body>​
 +</​file>​
 +  * **Букмарклет:​ Анализ ссылок на текущей странице**
 +<​file>​
 +            <div>
 +                <​p></​p>​
 +                [<a href="​javascript:​
 +                    var tag_a = document.getElementsByTagName('​a'​);​
 +                    var kolvo='<​b>​Общее кол-во ссылок на странице:</​b>​ '​+tag_a.length+'<​br/>';​
 +                    var display='';​ var kloc_url=0;​var kext_url=0;
 +                    var domain= document.domain;/​*экранируем все точки в имени домена*/​
 +                    domain.replace(/​./,​ '​\.'​);​
 +                    var r = new RegExp ('​http://'​+domain+'​.*'​);​
 +                    for (var k=0; k<​tag_a.length;​ k++) {
 +                    var tg1=tag_a[k].getAttribute('​href'​);​
 +
 +                    if ((tg1 == '#'​) || (tg1 == '/'​) || (r.test(tg1)))
 +                    {
 +                    kloc_url++;
 +                    }
 +                    else{
 +                    kext_url++;
 +                    display += tag_a[k].getAttribute('​href'​)+'<​br/>';​
 +                    }
 +                    }
 +                    document.write(r+kolvo+'​Внутренние сслыки= '​+kloc_url+'<​br/><​b>​Внешние ссылки=</​b>​ '​+kext_url+'<​br/>'​ + display);
 +                    window.stop();​
 +                    ">​Анализ ссылок на текущей странице</​a>​]
 +            </​div>​
 +</​file>​
загрузка...
bukmarklet.txt · Последние изменения: 2011/06/23 07:55 (внешнее изменение)