Browser 디버깅 모드 사용 시, Console에서 Jquery 라이브러리 추가하기

안녕하세요.

오늘은 가볍게 다른 사이트의 Element라던지, 간단한 tag들의 조회 등을 하기 위해서, Jquery를 콘솔 창에서 Import 하는 방법을 알아보려고 합니다.

생각보다 간단하네요~

var jq = document.createElement('script');
jq.src = "jQuery CDN"; //"https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();

이렇게 적용을 한 뒤에! jQuery('element').length 를 입력하니! 원하는 Element의 길이가 조회가 되네요!

jQuery 라이브러리 뿐만 아니라, 다양한 라이브러리를 추가해서 해당 웹 페이지를  테스트하거나, 디버깅을 해볼 수 있을 것 같습니다.