본문 바로가기

Develop/HTML & JavaScript & CSS

크롬 개발자모드 콘솔에서 jQuery 사용하는 방법

크롬 개발자모드는 프론트 앤드 개발하는데 있어서 필수적으로 사용하는 툴이죠. 디버깅 기능을 포함하여 강력한 개발 툴을 지원해주고 있는데요. 가끔 사이트 분석을 할 때 콘솔에서 jQuery 명령어를 쓰고 싶을 때가 있죠.

▼ 우선 크롬 Developer Tool 에서 다음과 같은 코드를 복사 후 실행하면 jQuery 기능을 사용할 수 있습니다.

var jq = document.createElement('script'); 
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"; 
document.getElementsByTagName('head')[0].appendChild(jq); 
// ... give time for script to load, then type. 
jQuery.noConflict();

 

 

아무 생각없이 콘솔에 jQuery 코드를 쓰다가 인터넷 검색을 통해 알아낸 방법인데 참 편리하네요. (출처 : kmyh.kr)

 

출처 - gomcine.tistory.com/entry/%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%AA%A8%EB%93%9C-%EC%BD%98%EC%86%94%EC%97%90%EC%84%9C-jQuery-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

 

크롬 개발자모드 콘솔에서 jQuery 사용하는 방법

크롬 개발자모드는 프론트 앤드 개발하는데 있어서 필수적으로 사용하는 툴이죠. 디버깅 기능을 포함하여 강력한 개발 툴을 지원해주고 있는데요. 가끔 사이트 분석을 할 때 콘솔에서 jQuery 명

gomcine.tistory.com