0
70
2018-12-07

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

Давайте рассмотрим, как можно подключить удаленный скрипт (например, на CDN) прямо в консоли браузера Chrome для отладки
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

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