[javascript] JavaScript 콘솔에 jQuery 포함
jQuery를 사용하지 않는 사이트에 대해 Chrome JavaScript 콘솔에 jQuery를 포함시키는 쉬운 방법이 있습니까? 예를 들어, 웹 사이트에서 테이블의 행 수를 가져오고 싶습니다. jQuery를 사용하면 이것이 매우 쉽다는 것을 알고 있습니다.
$('element').length;이 사이트는 jQuery를 사용하지 않습니다. 명령 행에서 추가 할 수 있습니까?
답변
브라우저의 JavaScript 콘솔에서 이것을 실행하면 jQuery를 사용할 수 있습니다 …
var jq = document.createElement('script');
jq.src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.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 (다른 라이브러리 등)와 충돌하는 스크립트가있는 경우 여전히 문제가 발생할 수 있습니다.
최신 정보:
더 나은 것을 만들고, 북마크를 만들면 정말 편리하고,해볼 수 있으며, 약간의 피드백도 좋습니다.
- 북마크 바를 마우스 오른쪽 버튼으로 클릭하고 페이지 추가를 클릭 하십시오.
- 예를 들어 Inject jQuery와 같이 이름을 지정하고 URL에 다음 줄을 사용하십시오.
javascript 🙁 함수 (e, s) {e.src = s; e.onload = function () {jQuery.noConflict (); console.log ( ‘jQuery injection’)}}; 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 / 버전을 자유롭게 사용하십시오.
답변
콘솔에서 이것을 실행하십시오.
var script = document.createElement('script');script.src = "https://code.jquery.com/jquery-3.4.1.min.js";document.getElementsByTagName('head')[0].appendChild(script);새 스크립트 태그를 작성하고 jQuery로 채우고 헤드에 추가합니다.
답변
https://code.jquery.com/jquery-3.4.1.min.js 에서 모든 것을 복사
하십시오.
콘솔에 붙여 넣습니다. 완벽하게 작동합니다.
답변
답변
@jondavidjohn의 답변에 추가하여 URL을 자바 스크립트 코드로 사용하여 북마크로 설정할 수도 있습니다.
이름 : Jquery 포함
URL :
javascript:var jq = document.createElement('script');jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(jq); setTimeout(function() {jQuery.noConflict(); console.log('jQuery loaded'); }, 1000);void(0);Chrome 또는 Firefox의 툴바에 추가하여 스크립트를 계속 붙여 넣는 대신 북마크릿을 클릭하면됩니다.
답변
나는 반역자입니다.
솔루션 : jQuery를 사용하지 마십시오. jQuery는 브라우저에서 DOM 불일치를 추상화하는 라이브러리입니다. 자신의 콘솔에 있기 때문에 이런 종류의 추상화가 필요하지 않습니다.
예를 들어 :
$('element').length( $$의 별칭입니다document.querySelectorAll 콘솔에서 입니다.)
다른 예를 들면 : 무엇이든 찾을 수있을 것입니다. 특히 최신 브라우저 (Chrome, FF, Safari, Opera)를 사용하는 경우.
또한 DOM의 작동 방식을 아는 사람도 아프지 않으며 jQuery 수준을 높일뿐입니다 (예, 자바 스크립트에 대해 더 많이 배우면 jQuery를 더 잘 활용할 수 있음).
답변
방금 오류 처리 기능이있는 jQuery 3.2.1 북마크를 만들었습니다 (아직로드되지 않은 경우에만로드, 이미로드 된 경우 버전 감지,로드하는 동안 오류가 발생하면 오류 메시지). Chrome 27에서 테스트되었습니다. jQuery 2.0이 1.9와 API 호환 되므로 Chrome 브라우저에서 “이전”jQuery 1.9.1을 사용할 이유가 없습니다 .
Chrome 개발자 콘솔에서 다음을 실행하거나 북마크 바에 드래그 앤 드롭하면됩니다 .
javascript:((function(){if(typeof(jQuery)=="undefined"){window.jQuery="loading";var a=document.createElement("script");a.type="text/javascript";a.src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js";a.onload=function(){console.log("jQuery "+jQuery.fn.jquery+" loaded successfully.")};a.onerror=function(){delete jQuery;alert("Error while loading jQuery!")};document.getElementsByTagName("head")[0].appendChild(a)}else{if(typeof(jQuery)=="function"){alert("jQuery ("+jQuery.fn.jquery+") is already loaded!")}else{alert("jQuery is already loading...")}}})())