Verwenden von jQuery in der Konsole?

Question

Ich lerne mehr über jQuery und möchte es interaktiv an der JavaScript-Konsole in Chrome verwenden. Ist das möglich? Ich sehe so etwas, aber es funktioniert nicht:

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

Dies würde dazu führen, "Hello World!" zwischen dem Span-Tags und angezeigt eingefügt werden.

Answer 1

Wenn Sie jQuery auf der Seite installiert haben, auf der Sie die Konsole geöffnet haben, können Sie sie in der Konsole verwenden.

Answer 2

Der einfachste Weg, dies zu tun, ist die Kopfzeile der Seite zu bearbeiten und einen <script> Tag hinzuzufügen, der auf jQuery zeigt. Dann können Sie den Code in Ihrer Konsole ausführen.

Answer 3

Macht nichts. Habe es herausgefunden :-) Ich habe eine einfache HTML-Datei erstellt, die jQuery geladen hat und dann in die Konsole ging. Das funktioniert für mich.

Answer 4

Es gibt keine "Verwendung", so natürlich wird es nicht funktionieren.

Sie können es an eine Seite anhängen.

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

Answer 5

Sie möchten http://jsfiddle.net/ überprüfen oder http://codepen.io/pen/

Sie können immer noch die Skripte zugreifen Sie über die Chromkonsole erstellen und es wird einfacher sein, mit anderen zu teilen, wenn Sie Fragen haben.

Answer 6

Wenn Sie jQuery häufig von der Konsole aus verwenden möchten, können Sie einfach ein userscript schreiben. Installiere zuerst Tampermonkey, wenn du in Chrome bist und Greasemonkey, wenn du in Firefox bist. Schreiben Sie einen einfachen userscript mit einer Verwendung Funktion wie folgt aus:

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; 
} 
}