JavaScript 콘솔에 jQuery를 포함하는 방법

질문 : JavaScript 콘솔에 jQuery 포함

---

jQuery를 사용하지 않는 사이트를 위해 Chrome JavaScript 콘솔에 jQuery를 포함하는 쉬운 방법이 있습니까? 예를 들어, 웹 사이트에서 테이블의 행 수를 얻고 싶습니다. 나는 이것이 jQuery로 정말 쉽다는 것을 안다.

$('element').length;

이 사이트는 jQuery를 사용하지 않습니다. 명령 줄에서 추가 할 수 있습니까?

답변

---

브라우저의 JavaScript 콘솔에서 실행하면 jQuery를 사용할 수 있습니다.

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

참고 : 사이트에 jQuery (다른 libs 등)와 충돌하는 스크립트가있는 경우 여전히 문제가 발생할 수 있습니다.

최선을 다하고 북마크를 만들면 정말 편리합니다. 해보겠습니다. 약간의 피드백도 좋습니다.

javascript : (function (e, s) {e.src = s; e.onload = function () {jQuery.noConflict (); console.log ( 'jQuery injected')}; document.head.appendChild (e); }) (document.createElement ( 'script'), '// code.jquery.com/jquery-latest.min.js')

다음은 형식화 된 코드입니다.

javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')

여기에는 공식 jQuery CDN URL이 사용됩니다. 자신의 CDN / 버전을 자유롭게 사용하십시오.

출처 : https://stackoverflow.com/questions/7474354/include-jquery-in-the-javascript-console