jQuery – Подключение удаленных скриптов из консоли Chrome
При решении разного рода задач связанных с веб разработкой а именно с написанием, тестированием или же внедрением новых библиотек возникает потребность в подключении скриптов которые расположены не на локальном сервере, а на стороннем. Думаю, Вам знакомы множество готовых решений, которые находятся или на 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);
});