web-dev-qa-db-ja.com

GoogleでjQueryをロードするためのコマンドChromeインスペクター？

JQueryを読み込んでjQueryコマンドを実行できるようにするために、Google Chromeのインスペクターコンソールに配置できる特定のコマンドがあったことを覚えています。

しかし、それがどのコマンドだったか思い出せず、オンラインで検索しても無関係な結果しか得られません。

誰がそのコマンドか知っていますか？

ありがとう！

編集：数年後、コンソールで$$関数を要求していることに気付きました。ただし、これはjQueryではありませんが、同様のセレクターオプションを提供します。おそらくdocument.querySelectorAllの省略形です。ここでの答えは、jQueryを実際に追加し、そのすべての機能を扱うことです。

jquerygoogle-chromeweb-inspector
38
Alpha

つまり、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はSSLを介してCDNからロードされます。

編集の時間を節約するために、これは回答の先頭と同じブックマークレットですが、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が「奇妙な動作」（=更新）になっても驚かないでください。

99
Rob W

chromeスニペットを作成することもできますchromeインスペクタにjQueryをロードします（ カスタムスニペットの作成方法 ）

スニペットコード：

(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);
  }
}());
18
Ravinder Kumar