Различия

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

--- bukmarklet [2019/02/20 18:01]
+++ bukmarklet [2020/06/13 13:45] (текущий)
@@ Строка 1: / Строка 1: @@
+====== Букмарклет ======
+{{htmlmetatags>
+metatag-description=(Букмарклет - это обычная закладка для браузера, которая содержит не URL, а JavaScript.)
+}}
+{{ ::icon-bookmarklet.png?nolink&400 |}}
+**Букмарклет** (англ. bookmarklet; bookmark — «закладка» и applet — «апплет») — небольшая JavaScript-программа, оформленная как javascript: URL и сохраняемая как браузерная закладка. Букмарклет - это обычная закладка для браузера, которая содержит не URL, а [[JavaScript]].
+**Использование**
+Букмарклеты используются как инструменты, придающие браузеру дополнительную функциональность. По сути, это клиентский код, который может сделать со страницей все, что вам угодно. Они могут, к примеру:
+  * поменять внешний вид страницы (цвета, размер букв, и т. д.),
+  * извлечь данные из страницы, например, все ссылки или все используемые изображения,
+  * перейти (для удобства обычно в новом окне) к результатам поиска выделенных на странице слов,
+  * сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки),
+  * помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с [[cookie]].
+Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.
+===== Примеры bookmark =====
+<file html>
+<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 html>
+            <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>

АйТи бубен

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

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

Различия

Инструменты страницы