38

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

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

誰もがそのコマンドがどれであるか知っていますか？

ありがとう！

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

4

2 に答える 2

101

つまり、任意のページに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オブジェクトを上書きしてもよいかどうかを判断できます。

現在、jQuery1.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が「奇妙な動作」（=更新）しても驚かないでください。

于 2012-03-08T21:10:56.843 に答える
18

クロームインスペクターに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);
  }
}());
于 2014-02-03T10:43:25.820 に答える