2012-03-08 19 views
33

Tôi nhớ thấy rằng có một lệnh cụ thể mà bạn có thể đặt trên bảng điều khiển thanh tra của Google Chrome để nó tải jQuery và cho phép bạn thực hiện các lệnh jQuery.Lệnh tải jQuery trên thanh tra Google Chrome?

Tuy nhiên, tôi không thể nhớ được lệnh nào và tìm kiếm trực tuyến chỉ mang lại cho tôi kết quả không liên quan.

Bất kỳ ai biết đó là lệnh nào?

Cảm ơn!

EDIT: Năm sau, tôi đã nhận ra rằng tôi đã yêu cầu chức năng $$ trong bảng điều khiển. Tuy nhiên, đây không phải là jQuery nhưng cung cấp tùy chọn bộ chọn tương tự, rất có thể là viết tắt của document.querySelectorAll. Câu trả lời ở đây là thêm jQuery vào thực tế, với tất cả các chức năng của nó.

Trả lời

92

Ý của bạn là, một tập lệnh tải jQuery trong một trang tùy ý? Tôi đã xây dựng bookmarklet qua trình duyệt sau cho mục đích này:

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js';(d.head||d.documentElement).appendChild(s)})(document); 

Nó phát hiện xem jQuery có tồn tại hay không. Nếu có, hộp thoại xác nhận sẽ xuất hiện, trong đó phiên bản hiện tại được hiển thị, để bạn có thể quyết định xem có chấp nhận đối tượng jQuery hiện có hay không.

Hiện tại, jQuery 1.8 được tải từ CDN qua SSL.

Để giúp bạn tiết kiệm thời gian chỉnh sửa, đây là cùng một bookmarklet ở đầu câu trả lời nhưng nhận được phiên bản mới nhất (thay vì cố định một) từ http://code.jquery.com/:

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='http://code.jquery.com/jquery.js';(d.head||d.documentElement).appendChild(s)})(document); 

Lưu ý: Có phiên bản mới nhất là tốt đẹp, nhưng đừng ngạc nhiên khi jQuery "cư xử kỳ lạ" (= cập nhật).

+0

Cảm ơn! Đó là khá mát mẻ. Tôi vẫn nhớ nhìn thấy một lệnh tích hợp có thể tải jQuery chỉ với một lệnh ngắn được viết trong bảng điều khiển. Tuy nhiên, bạn đã cứu tôi khỏi tình trạng hiện tại của tôi, cảm ơn! – Alpha

+3

@Alpha Bạn có nghĩa là bộ chọn "giống như jQuery" không? Khi trang không định nghĩa chúng, '$' là viết tắt của 'document.getElementById' và '$$' là viết tắt của ['document.querySelectorAll'] (https://developer.mozilla.org/En/DOM/Document.querySelectorAll). –

+1

Có lẽ tôi đang bối rối ... Tôi nhớ đã xem video của một anh chàng Google, anh ấy đã cho thấy rằng một trang có thể không có jQuery đã tải, nhưng nếu anh ấy muốn tất cả khả năng đó để khắc phục sự cố, có lệnh này anh ấy sẽ nhập và jQuery sẽ được tải trực tiếp vào trang (và do đó, ông đã tiến hành để hiển thị việc sử dụng các bộ chọn phức tạp và các hàm jQuery làm ví dụ). Tuy nhiên, tôi không thể nhớ video đó là gì, hoặc lệnh như thế nào. – Alpha

15

Bạn cũng có thể tạo một đoạn chrome mà tải jQuery trên thanh tra chrome (how create custom snippets)

Snippet mã:

(function() { 
    if (! window.jQuery) { 
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.async = true; 
    s.src = '//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'; // you can change this url by latest jQuery version 
    (document.getElementsByTagName('head')[0] || 
     document.getElementsByTagName('body')[0]).appendChild(s); 
    } 
}()); 
+0

Cảm ơn bạn. Bình chọn cho câu trả lời này vì nó cũng hoạt động trên https. – Laurent

Các vấn đề liên quan