Có cách nào dễ dàng để đưa jQuery vào bảng điều khiển Chrome JavaScript cho các trang web không sử dụng nó không? Ví dụ, trên một trang web tôi muốn lấy số lượng hàng trong một bảng. Tôi biết điều này thực sự dễ dàng với jQuery.

$('element').length;

Trang web không sử dụng jQuery. Tôi có thể thêm nó vào từ dòng lệnh không?

Chạy cái này trong bảng điều khiển JavaScript của trình duyệt của bạn, sau đó jQuery sẽ có sẵn ...

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();

LƯU Ý: nếu trang web có các tập lệnh xung đột với jQuery (các lib khác, v.v.), bạn vẫn có thể gặp sự cố.

Cập nhật:

Làm cho tốt nhất tốt hơn, tạo một Bookmark làm cho nó thực sự tiện lợi, hãy làm điều đó và một chút phản hồi cũng rất tuyệt:

1. Nhấp chuột phải vào Thanh dấu trang và nhấp vào Thêm trang
2. Đặt tên cho nó như bạn muốn, ví dụ: Tiêm jQuery và sử dụng dòng sau cho URL:

javascript: (function (e, s) {e.src = s; e.onload = function () {jQuery.noConflict (); console.log ('jQuery được tiêm')}; document.head.appendChild (e); }) (document.createEuity ('script'), '// code.jquery.com/jquery-latest.min.js')

Dưới đây là mã được định dạng:

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')

Ở đây, URL CDN chính thức của jQuery được sử dụng, vui lòng sử dụng CDN / phiên bản của riêng bạn.

Chạy cái này trong bảng điều khiển của bạn

var script = document.createElement('script');script.src = "https://code.jquery.com/jquery-3.4.1.min.js";document.getElementsByTagName('head')[0].appendChild(script);

Nó tạo ra một thẻ script mới, lấp đầy nó bằng jQuery và gắn vào đầu.

Sao chép mọi thứ từ:
https://code.jquery.com/jquery-3.4.1.min.js

Và dán nó vào bàn điều khiển. Hoạt động hoàn hảo.

Sử dụng tập sách jQueryify:

http://marklets.com/jQuerify.aspx

Thay vì sao chép dán mã trong các câu trả lời khác, điều này sẽ làm cho nó trở thành một dấu trang có thể nhấp.

Thêm vào câu trả lời của @ jondavidjohn, chúng tôi cũng có thể đặt nó làm dấu trang với URL là mã javascript.

Tên: Bao gồm 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);

và sau đó thêm nó vào thanh công cụ của Chrome hoặc Firefox để thay vì dán tập lệnh nhiều lần, chúng ta chỉ cần nhấp vào bookmarklet.

Tôi là một kẻ nổi loạn.

Giải pháp: không sử dụng jQuery. jQuery là một thư viện để trừu tượng hóa các mâu thuẫn DOM trên các trình duyệt. Vì bạn đang ở trong bảng điều khiển của riêng mình, bạn không cần loại trừu tượng này.

Ví dụ của bạn:

$$('element').length

( $$là bí danh document.querySelectorAlltrong bảng điều khiển.)

Đối với bất kỳ ví dụ khác: Tôi chắc chắn tôi có thể tìm thấy bất cứ điều gì. Đặc biệt nếu bạn đang sử dụng trình duyệt hiện đại (Chrome, FF, Safari, Opera).

Ngoài ra, biết cách DOM hoạt động sẽ không gây hại cho bất kỳ ai, nó sẽ chỉ làm tăng mức độ jQuery của bạn (vâng, tìm hiểu thêm về javascript giúp bạn giỏi hơn về jQuery).

Tôi vừa tạo một bookmarklet jQuery 3.2.1 có xử lý lỗi (chỉ tải nếu chưa tải, phát hiện phiên bản nếu đã tải, thông báo lỗi nếu lỗi trong khi tải). Đã thử nghiệm trong Chrome 27. Không có lý do gì để sử dụng jQuery 1.9.1 "cũ" trên trình duyệt Chrome vì jQuery 2.0 tương thích API với 1.9 .

Chỉ cần chạy phần sau trong bảng điều khiển dành cho nhà phát triển của Chrome hoặc kéo và thả nó vào thanh dấu trang của bạn :

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...")}}})())

Mã nguồn có thể đọc được có sẵn ở đây

Các câu trả lời hàng đầu, bởi jondavidjohn là tốt nhưng tôi muốn để tinh chỉnh nó để giải quyết một vài điểm:

• Nhiều trình duyệt khác nhau đưa ra cảnh báo khi tải tập lệnh từ httptrang trên https.
• Chỉ cần thay đổi jquery.comgiao thức thành httpskết quả cảnh báo nếu bạn thử trực tiếp từ thanh URL của trình duyệt:This is probably not the site you are looking for!
• Tôi thích sử dụng CDN của Google khi tôi đang sử dụng bảng điều khiển để thử nghiệm các trang web của Google như Gmail.

Vấn đề duy nhất của tôi là tôi phải bao gồm số phiên bản trong bảng điều khiển mà tôi thực sự luôn muốn mới nhất.

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

Mỗi câu trả lời này :

fetch('https://code.jquery.com/jquery-latest.min.js').then(r => r.text()).then(r => eval(r))

Vì một số lý do, tôi phải thực hiện hai lần để có được '$' mới (mà tôi cũng phải làm với các phương thức khác), nhưng nó hoạt động.

Điều này tương đương nếu trình duyệt của bạn không quá hiện đại:

fetch('http://code.jquery.com/jquery-latest.min.js').then(function(r){return r.text()}).then(function(r){eval(r)})

Thật dễ dàng để làm điều này bằng tay, như các câu trả lời khác giải thích. Nhưng cũng có trình cắm jQuerify .

FWIW, Fireorms nhúng includelệnh đặc biệt và jquery được đặt bí danh theo mặc định: https://getfireorms.com/wiki/index.php/Include

Vì vậy, trong trường hợp của bạn, bạn chỉ cần gõ:

include("jquery");

Hoa

câu trả lời này dựa trên câu trả lời @genesis, lúc đầu tôi đã thử phiên bản đánh dấu @jondavidjohn và nó không hoạt động, vì vậy tôi thay đổi nó thành cái này (thêm nó vào dấu trang của bạn):

javascript:(function(){var s = document.createElement('script');s.src = "//code.jquery.com/jquery-2.2.4.min.js";document.getElementsByTagName('head')[0].appendChild(s);console.log('jquery loaded')}());

lời cảnh báo, không được thử nghiệm trong chrome nhưng hoạt động trong firefox và không được thử nghiệm trong môi trường xung đột.

Một trong những cách ngắn nhất sẽ là sao chép dán đoạn mã dưới đây vào bàn điều khiển.

var jquery = document.createElement('script'); 
jquery.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.head.appendChild(jquery);

Nếu bạn đang tìm cách làm điều này cho một usercript, tôi đã viết cái này: http://userscripts.org/scripts/show/123588

Nó sẽ cho phép bạn bao gồm jQuery, cộng với UI và bất kỳ plugin nào bạn muốn. Tôi đang sử dụng nó trên một trang web có 1.5.1 và không có UI; tập lệnh này cung cấp cho tôi 1.7.1 thay vào đó, cộng với giao diện người dùng và không có xung đột trong Chrome hoặc FF. Tôi đã không tự mình thử nghiệm Opera, nhưng những người khác đã nói với tôi rằng nó cũng hoạt động ở đó cho họ, vì vậy đây phải là một giải pháp người dùng đa trình duyệt hoàn chỉnh, nếu đó là những gì bạn cần làm điều này.

Đây là mã thay thế:

javascript:(function() {var url = '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'; var n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src',url+'?rand='+new Date().getTime());document.body.appendChild(n);})();

có thể được dán trực tiếp trong Bảng điều khiển hoặc tạo trang Bookmark mới (trong Chrome nhấp chuột phải vào Thanh dấu trang , Thêm trang ... ) và dán mã này dưới dạng URL.

Để kiểm tra nếu điều đó làm việc, xem bên dưới.

Trước:

$()
Uncaught TypeError: $ is not a function(…)

Sau:

$()
[]

Nếu bạn muốn sử dụng jQuery thường xuyên từ bảng điều khiển, bạn có thể dễ dàng viết một mô tả người dùng. Đầu tiên, cài đặt Tampermonkey nếu bạn ở trên Chrome và Greasemonkey nếu bạn ở trên Firefox. Viết một mô tả người dùng đơn giản với chức năng sử dụng như thế này:

var scripts = [];

function use(libname) {
    var src;
    if (scripts.indexOf(libname) == -1) {
        switch (libname.toLowerCase()) {
            case "jquery":
                src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
                break;
            case "angularjs":
                src = "//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js";
                break;
        }
    } else {
        console.log("Library already in use.");
        return;
    }
    if (src) {
        scripts.append(libname);
        var script = document.createElement("script");
        script.src = src;
        document.body.appendChild(scr);
    } else {
        console.log("Invalid Library.");
        return;
    }
}

Giải pháp chìa khóa trao tay:

Đặt mã của bạn trong yourCode_herechức năng. Và ngăn HTML mà không có thẻ CHÍNH.

(function(head) {
  var jq = document.createElement('script');
  jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";
  ((head && head[0]) || document.firstChild).appendChild(jq);
})(document.getElementsByTagName('head'));

function jQueryReady() {
  if (window.jQuery) {
    jQuery.noConflict();
    yourCode_here(jQuery);
  } else {
    setTimeout(jQueryReady, 100);
  }
}

jQueryReady();

function yourCode_here($) {
  console.log("OK");
  $("body").html("<h1>Hello world !</h1>");
}

Các trình duyệt hiện đại (đã được thử nghiệm trên Chrome, Firefox, Safari) triển khai một số chức năng của trình trợ giúp bằng cách sử dụng ký hiệu đô la $rất giống với jQuery (nếu trang web không xác định điều gì đó bằng cách sử dụng window.$).

Những tiện ích này khá hữu ích để chọn các thành phần trong DOM và sửa đổi chúng.

Tài liệu: Chrome , Firefox

một lớp lót trực quan

document.write(unescape('%3Cscript src="https://code.jquery.com/jquery-3.1.1.min.js"%3E%3C/script%3E’))

Bạn có thể thay đổi srcđịa chỉ.
Tôi đã tham khảo ReferenceError: Không thể tìm thấy biến: jQuery