jQuery in die JavaScript-Konsole einbinden

Question

Gibt es eine einfache Möglichkeit, jQuery in die JavaScript-Konsole von Chrome für Websites einzubinden, die es nicht verwenden? Ich möchte zum Beispiel auf einer Website die Anzahl der Zeilen in einer Tabelle abfragen. Ich weiß, dass dies mit jQuery wirklich einfach ist.

$('element').length;

Die Website verwendet kein jQuery. Kann ich es über die Befehlszeile hinzufügen?

Answer 1

FWIW, Firebug bettet die include und jquery ist standardmäßig mit einem Alias versehen: https://getfirebug.com/wiki/index.php/Include

In Ihrem Fall müssen Sie also nur :

include("jquery");

Florent

Answer 2

Wie in den anderen Antworten erläutert, ist es ziemlich einfach, dies manuell zu tun. Aber es gibt auch die jQuerify-Plugin .

Answer 3

Diese Antwort basiert auf der Antwort von @genesis, zuerst habe ich die Lesezeichen-Version von @jondavidjohn ausprobiert, und sie funktioniert nicht, also habe ich sie in diese geändert (fügen Sie sie zu Ihrem Lesezeichen hinzu):

javascript:(function(){var s = document.createElement('script');s.src = "//code.jquery.com/jquery-2.2.4.min.js";document.getElementsByTagName('head')[0].appendChild(s);console.log('jquery loaded')}());

Worte der Vorsicht, ist nicht in Chrome getestet, sondern arbeiten in Firefox, und nicht in Konfliktumgebung getestet.

Answer 4

Moderne Browser (getestet mit Chrome, Firefox, Safari) einige Hilfsfunktionen implementieren unter Verwendung des Dollarzeichens $ die jQuery sehr ähnlich sind (wenn die Website nicht etwas mit window.$ ).

Diese Dienstprogramme sind sehr nützlich, um Elemente im DOM auszuwählen und zu ändern.

Dokumente: Chrom , Firefox

Answer 5

Einer der kürzesten Wege wäre, den folgenden Code in die Konsole einzufügen.

var jquery = document.createElement('script'); 
jquery.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.head.appendChild(jquery);