Команда для загрузки jQuery на инспектор Google Chrome? - PullRequest
Новая
       20

Команда для загрузки jQuery на инспектор Google Chrome?

37 голосов
/ 09 марта 2012

Я помню, как увидел, что была определенная команда, которую вы могли бы поместить в консоль инспектора Google Chrome, чтобы она загружала jQuery и позволяла вам выполнять команды jQuery.

Однако я не могу вспомнить, какая это была команда, ипоиск в Интернете приносит только несвязанные результаты.

Кто-нибудь знает, что это за команда?

Спасибо!

РЕДАКТИРОВАТЬ: Спустя годы я понял, что япросил функцию $$ в консоли.Однако это не jQuery, а предоставляет аналогичную опцию селектора, скорее всего, сокращение для document.querySelectorAll.Ответы здесь касаются реального добавления jQuery со всеми его функциями.

Ответы [ 2 ]

97 голосов
/ 09 марта 2012

Вы имеете в виду скрипт для загрузки jQuery на произвольную страницу? Для этого я создал следующий кросс-браузерный букмарклет: 

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

Определяет, существует ли jQuery. Если это так, появляется диалоговое окно подтверждения, в котором отображается текущая версия, так что вы можете решить, можно ли перезаписать существующий объект jQuery.

В настоящее время jQuery 1.8 загружается из CDN по SSL.

  • Если вы хотите загрузить другую версию, замените '1.8', например, на. '1.7.1'.
  • Если вы хотите загрузить сжатую версию, замените jquery.js на jquery.min.js.
  • Если вы не против загрузить jQuery поверх http:, CDN Google можно заменить на:

Чтобы сэкономить ваше время на редактирование, вот тот же букмарклет, что и в начале ответа, но получая последнюю версию (вместо фиксированной) из 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);

Примечание: наличие последней версии - это хорошо, но не удивляйтесь, когда jQuery "ведет себя странно" (= обновлено).

17 голосов
/ 03 февраля 2014

Вы также можете создать фрагмент кода Chrome, который загружает jQuery в Chrome Инспектор ( как создавать собственные фрагменты )

Код фрагмента: 

(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);
  }
}());
...