Букмарклет

Букмарклет (англ. bookmarklet; bookmark — «закладка» и applet — «апплет») — небольшая JavaScript-программа, оформленная как javascript: URL и сохраняемая как браузерная закладка. Букмарклет - это обычная закладка для браузера, которая содержит не URL, а JavaScript.

Использование

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

  • поменять внешний вид страницы (цвета, размер букв, и т. д.),
  • извлечь данные из страницы, например, все ссылки или все используемые изображения,
  • перейти (для удобства обычно в новом окне) к результатам поиска выделенных на странице слов,
  • сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки),
  • помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с Cookie.

Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.

<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>
  • Букмарклет Анализ ссылок на текущей странице
            <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>
PQ VPS сервера в 28+ странах.