18

Chrome を使用して Web ページを表示しています。元のソースには jQuery は含まれていませんが、jQuery 関数を使用して DOM を検査すると非常に役立ちます。ソースを変更して jQuery スクリプトを含めるのは面倒なので、ページの読み込み後に Chrome 開発者ツールを使用して jQuery を DOM に読み込むことはできますか? あるいは、ロードを実行できるネイティブ JavaScript 関数はありますか?

タグを含めるように head タグを編集しようとしました<script src="/path/to/jQuery.min.js"></script>が、実際には jQuery.min.js ファイルをロードしません。

残念ながら、Modernizr やその他のアセット ローダーもソースに含まれていません。

4

4 に答える 4

18

これを JS コンソールで実行できるはずです。

var jq = document.createElement('script');
jq.src = "/path/to/jQuery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();

または、 jQuery ファイル全体をコンソールにコピーすることもできます。最良の選択肢ではありませんが、それもうまくいきます。

3 番目のオプションは、このプラグインjQueryifyです。私自身は使用していませんが、有望に見えます。

于 2013-04-11T17:07:58.017 に答える
5

これは、この問題に取り組むために私が頻繁に使用する JS コード スニペットです。

これは Matt のものと同じですが、IIFEにラップされているため、あなたや他の人がブラウザー環境で jQuery を簡単に起動できるようになっています。

(function() {
var h = document.head;
var scr = document.createElement('script');
scr.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js';
h.appendChild(scr);
})();

$jQuery に関連しない他の機能に関数名を使用する場合は、上記の Matt のアドバイスに従ってメソッドを呼び出す$ことで、jQuery 関数を放棄して別の名前に割り当てるか、元の形式に戻すことができます。jQuery()$.noConflict()

于 2014-12-23T13:07:29.000 に答える