kiểm tra câu lệnh jQuery trong bảng điều khiển JavaScript của Chrome

Question

Tôi đang cố gắng thay đổi giá trị hộp kiểm từ bảng điều khiển JavaScript của chrome. Tôi biết rằng các thay đổi được in ra đối tượng chứ không phải trên màn hình. Tôi muốn thực thi câu lệnh jQuery, tức là:

('input[name=foo]').attr('checked', true); 

Có cách nào để nhập câu lệnh jQuery và xem những thay đổi ngay lập tức trong trang không?

Answer 1

$('input[name=foo]').click(); 

thực hiện tương tự như khi nhấp chuột.

Answer 2

Trong bảng điều khiển chrome, bạn có thể chạy bất kỳ JavaScript nào, vì vậy nếu trang có jQuery được tải, bạn có thể truy cập phần tử và chọn/bỏ chọn nó, ví dụ: stackoverflow.com (trang web này) sử dụng jQuery vì vậy tôi chỉ có thể truy cập câu trả lời textarea và nhập giá trị, hãy thử này

Vì vậy, bạn có thể làm bất cứ điều gì mà có thể trong jQuery.

Answer 3

Nếu bạn tải jQuery vào trang hiện tại, bạn có thể nhập lệnh jQuery.

Chỉ cần nhập $('input[name=foo]').attr('checked', true); hoặc bất kỳ thứ gì sẽ hoạt động trong jQuery và nhấn enter.

Answer 4

Yeah, và thậm chí nếu bạn không có sẵn jquery để cho nó được :)

Chỉnh sửa đoạn từ How can I use jQuery in Greasemonkey scripts in Google Chrome?

var script = document.createElement("script"); 
    script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"); 
    script.addEventListener('load', function() { 
    var script = document.createElement("script"); 
    document.body.appendChild(script); 
    }, false); 
    document.body.appendChild(script); 

Sau này đi.