[javascript] JQuery를 사용하지 않는 웹페이지에서 쓸수 있게 하기

관련 지식
#javascript #jquery

본인이 관리하지 않는 외부의 어떤 사이트를 DOM 조작등의 테스트를 해보고 싶을때가 있습니다.(저만 그런가요?)

해당 사이트가 JQuery를 사용하고 있다면 개발자도구에서 좀 편하게 테스트를 할 수 있을것 같은데 JQuery를 사용하지 않는 사이트라면 바닐라JS 코딩이 조금 번거롭기까지 합니다.
그럴때 아래 내용을 개발자도구에 붙여넣거나 브라우저의 주소입력창에 입력하면 JQuery를 사용할 수 있습니다. 자주 필요하다면 북마크에 저장해두셔도 좋습니다.

javascript:(function(){var node = document.createElement("script");node.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js';document.getElementsByTagName("head")[0].appendChild(node);})();

만약 해당 사이트에서 window.$ 를 다른 용도로 사용하고 있었다면 JQuery 주입후 비 정상적인 기능이 발생할 수 있습니다. 어차피 새로고침 하면 원래 상태로 돌아가니 걱정 없습니다!