Внедрение jQuery в любую веб-страницу

Иногда надо распарсить страничку HTML прямо в браузере или удалить из таблицы несколько колонок.

как научиться программировать Если к сайту подключена библиотека jQuery, то проблем не возникает: открыл консоль отладки браузера и написал скрипт на Javascript. Решение — сделать jQuery доступным на любом сайте, подключив её к текущей странице. На случай, если библиотека не подключена или подключена другая, можно внедрить скрипт в страницу с помощью простого букмарклета, который я взял в статье «How to Easily Inject jQuery into any Web Page»

В сжатом виде выглядит так:

javascript:!function(){function e(e,t){var n=document.createElement("script");n.src=e;var o=document.getElementsByTagName("head")[0],i=!1;n.onload=n.onreadystatechange=function(){i||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(i=!0,t(),n.onload=n.onreadystatechange=null,o.removeChild(n))},o.appendChild(n)}function t(){n.innerHTML=msg,o.appendChild(n),window.setTimeout(function(){"undefined"==typeof jQuery?o.removeChild(n):(jQuery(n).fadeOut("slow",function(){jQuery(this).remove()}),otherlib&&($jq=jQuery.noConflict()))},5e3)}var n=document.createElement("div"),o=document.getElementsByTagName("body")[0];return otherlib=!1,msg="",n.style.position="fixed",n.style.height="32px",n.style.width="220px",n.style.marginLeft="-110px",n.style.top="0",n.style.left="50%",n.style.padding="5px 10px",n.style.zIndex=1001,n.style.fontSize="12px",n.style.color="#222",n.style.backgroundColor="#f99","undefined"!=typeof jQuery?(msg="This page already using jQuery v"+jQuery.fn.jquery,t()):("function"==typeof $&&(otherlib=!0),void e("http://code.jquery.com/jquery-latest.min.js",function(){return"undefined"==typeof jQuery?msg="Sorry, but jQuery wasn't able to load":(msg="This page is now jQuerified with v"+jQuery.fn.jquery,otherlib&&(msg+=" and noConflict(). Use $jq(), not $().")),t()}))}();

Перетяни вот эту ссылку на панель закладок браузера : Inject jQuery

Павел Волынцев

Уже более 15 лет занимаюсь разработкой веб-проектов. Fullstack Senior Developer. IT евангелист — доношу свет знаний об информационных технологиях. Профессиональные цели: Дать людям возможность дать людям больше.

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