testowanie instrukcji jQuery w przeglądarce Chrome JavaScript

Question

Próbuję zmienić wartość pola wyboru z konsoli Chrome JavaScript. Mam świadomość, że zmiany są drukowane w obiekcie, a nie na ekranie. Chciałbym wykonać instrukcję jQuery, tj .:

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

Czy istnieje jakiś sposób, aby wprowadzić oświadczenie jQuery i zobaczyć zmiany i natychmiast na stronie?

Answer 1

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

robi to samo, co kliknięcie myszą.

Answer 2

W konsoli chrome można uruchomić dowolny JavaScript, więc jeśli strona ma załadowaną jQuery, można uzyskać dostęp do elementu i zaznaczyć/odznaczyć go np. stackoverflow.com (ta strona) używa jQuery więc mogę tylko dostęp odpowiedź textarea i wprowadź wartość, spróbuj tego

Więc można zrobić coś, co jest możliwe w jQuery.

Answer 3

Jeśli na aktualnej stronie załadowano jQuery, można wpisać polecenie jQuery.

Po prostu wpisz $('input[name=foo]').attr('checked', true); lub cokolwiek powinno działać w jQuery i naciśnij enter.

Answer 4

Tak, i nawet jeśli nie mają jQuery dostępne niech będzie :)

Zmieniano urywek z 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); 

Po tym pójść.