Korzystanie z jQuery na konsoli?

Question

Uczę się więcej o jQuery i chciałbym użyć go interaktywnie w konsoli JavaScript w przeglądarce Chrome. Czy to jest możliwe? I wyobrazić sobie coś takiego, ale to nie działa:

> use('jquery.js') 
jquery loaded 
> $("span").html("Hello World!") 

spowodowałoby "Hello World!" być wprowadzane między znacznikami zakresu i wyświetlana.

Answer 1

Jeśli posiadasz jQuery zawarte na stronie, na której masz otwartą konsolę, powinieneś mieć możliwość korzystania z niej w konsoli.

Answer 2

Najprościej można to zrobić, edytując nagłówek strony i dodając znacznik <script> wskazujący na jQuery. Wtedy będziesz mógł wykonać kod w konsoli.

Answer 3

Nieważne. Zorientowałem się :-) Stworzyłem prosty plik HTML, który załadował jQuery, a następnie wszedł do konsoli. To działa dla mnie.

Answer 4

Nie ma "użytkowania", więc oczywiście nie będzie działać.

Możesz dołączyć do strony.

var scr = document.createElement("script"); 
scr.src = "http://code.jquery.com/jquery-1.9.1.min.js"; 
document.body.appendChild(scr); 

Answer 5

Możesz sprawdzić http://jsfiddle.net/ lub http://codepen.io/pen/

Nadal można uzyskać dostęp do skryptów tworzonych przez konsolę chrom i łatwiej będzie podzielić się z innymi, jeśli masz jakiekolwiek pytania.

Answer 6

Jeśli chcesz często używać jQuery z poziomu konsoli, możesz łatwo napisać usercript. Najpierw zainstaluj Tampermonkey, jeśli używasz przeglądarki Chrome i Greasemonkey, jeśli używasz przeglądarki Firefox. Napisać prosty userscript korzystania z funkcji takich jak to:

var scripts = [] 
function use(libname){ 
var src; 
if(scripts.indexOf(libname)==-1){ 
switch(libname.toLowerCase()){ 
case "jquery": 
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"; 
break; 
case "angularjs": 
src = "http://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; 
} 
}