TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

jQuery – Подключение удаленных скриптов из консоли Chrome

874

При решении разного рода задач связанных с веб разработкой а именно с написанием, тестированием или же внедрением новых библиотек возникает потребность в подключении скриптов которые расположены не на локальном сервере, а на стороннем. Думаю, Вам знакомы множество готовых решений, которые находятся или на CDN, или на GitHub’e. В связи с этим я решил поделиться не хитрым сниппетом кода благодаря которому Вы можете подключить практически любой удаленный скрипт через консоль браузер. Конечно же только в качестве отладки JS. Данный скрипт подключит нужный вам файл js в header страницы. Все что Вам нужно это вставить код в консоль браузера и заменить ссылку

jQuery срипт для подключения удаленных скриптов

jQuery(document).ready(function ($) { // Original Page // https://pcvector.net/scripts/layout_and_interface/458-bloki-odinakovo-vysoty-jquerymatchheight.html let loadScript = (scriptClass, url) => { let isLoaded = document.querySelectorAll('.' + scriptClass); if(isLoaded.length > 0) { return false; } else { let myScript = document.createElement("script"); myScript.classList.add(scriptClass,'addedScript'); myScript.src = url; document.body.appendChild(myScript); } }; // Функция загрузки скрипта - Замните на свою сссылку loadScript("LoadScript1", "https://s3-us-west-2.amazonaws.com/s.cdpn.io/9487/jquery.matchHeight-min.js"); setTimeout(function(){ // ---------------------------------------------------- // Здесь вставляем свой код, он будет выполнен через 2 сек. после подкл. удал. скрипта // ---------------------------------------------------- $(function() { /*$('.column').matchHeight();*/ $('.SDStudio-ID_MaxHeight, .SDStudio-ID_MaxHeight2').matchHeight(); }); // ---------------------------------------------------- },2000); });

Пример на CodePen

[iframe src=https://codepen.io/dydaevskiy/embed/pqzRZv]  

Источник записи:

Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. ПринимаюПодробнее