2012-03-08 11 views
33

Pamiętam, że istniało specjalne polecenie, które można umieścić w konsoli inspektorów Google Chrome, aby załadować jQuery i umożliwić wykonywanie komend jQuery.Polecenie do ładowania jQuery w inspektorze Google Chrome?

Jednak nie pamiętam, które polecenie było, a wyszukiwanie w Internecie tylko przynosi mi niepowiązane wyniki.

Ktoś wie, co to za polecenie?

Dzięki!

EDYCJA: Kilka lat później zdałem sobie sprawę, że prosiłem o funkcję $$ w konsoli. Jednak nie jest to jQuery, ale zapewnia podobną opcję selektora, najprawdopodobniej skrót dla document.querySelectorAll. Odpowiedzi tutaj dotyczą dodawania jQuery do rzeczywistości, z całą jej funkcjonalnością.

Odpowiedz

92

Masz na myśli skrypt do załadowania jQuery na dowolnej stronie? W tym celu skonstruowałem następujący bookmarklet oparty na różnych przeglądarkach:

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js';(d.head||d.documentElement).appendChild(s)})(document); 

Wykrywa, czy istnieje jQuery. Jeśli tak, pojawi się okno dialogowe z potwierdzeniem, w którym wyświetlana jest aktualna wersja, dzięki czemu możesz zdecydować, czy można przesłonić istniejący obiekt jQuery.

Obecnie jQuery 1.8 jest ładowany z CDN przez SSL.

Aby zaoszczędzić czas potrzebny na edycję, oto ta sama skryptozakładka, co początek odpowiedzi, ale uzyskanie najnowsza wersja (zamiast stałej jeden) z http://code.jquery.com/:

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='http://code.jquery.com/jquery.js';(d.head||d.documentElement).appendChild(s)})(document); 

Uwaga: Posiadanie najnowszej wersji jest ładny, ale nie zdziw się, gdy jQuery „zachowuje się dziwnie” (= aktualizacja).

+0

Dzięki! To jest całkiem fajne. Wciąż pamiętam, widząc wbudowane polecenie, które załadowałoby jQuery za pomocą krótkiego polecenia napisanego w konsoli. Mimo to, uratowałeś mnie przed moją obecną sytuacją, dzięki! – Alpha

+3

@Alpha Czy masz na myśli selektory "jQuery-like"? Kiedy strona ich nie definiuje, '$' jest skrótem od 'dokumentu.getElementById', a '$$' jest skrótem od ['document.querySelectorAll'] (https://developer.mozilla.org/En/DOM/Document.querySelectorAll). –

+1

Może jestem zdezorientowany ... Pamiętam, że widziałem wideo z gościem z Google'a, który pokazywał, że strona nie miała załadowanego jQuery, ale jeśli chciał, aby wszystkie te problemy były dostępne, było polecenie, że wejdzie , a jQuery zostałoby załadowane bezpośrednio na stronę (i tak zaczął pokazywać użycie złożonych selektorów i funkcji jQuery jako przykładu). Jednak nie pamiętam, który to był film, ani jak brzmiało to polecenie. – Alpha

15

Można również utworzyć chrom fragment który załadować jQuery na chrom inspektora (how create custom snippets)

kodu

Snippet:

(function() { 
    if (! window.jQuery) { 
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.async = true; 
    s.src = '//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'; // you can change this url by latest jQuery version 
    (document.getElementsByTagName('head')[0] || 
     document.getElementsByTagName('body')[0]).appendChild(s); 
    } 
}()); 
+0

Dziękuję. Zagłosowano na tę odpowiedź, ponieważ działa również na https. – Laurent

Powiązane problemy