☰

JavaScript コンソールに jQuery を追加する 質問する

tag-icon • tag-icon javascript jquery
JavaScript コンソールに jQuery を追加する 質問する

jQuery を使用していないサイトで、Chrome JavaScript コンソールに jQuery を組み込む簡単な方法はありますか? たとえば、Web サイトで表の行数を取得したいとします。これは jQuery を使用すると非常に簡単だとわかっています。

$('element').length;

このサイトでは jQuery を使用していません。コマンドラインから追加できますか?

ベストアンサー1

これをブラウザの JavaScript コンソールで実行すると、jQuery が利用できるようになります...

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

注意:サイトに jQuery と競合するスクリプト (他のライブラリなど) がある場合、問題が発生する可能性があります。

アップデート：

ベストをさらに良くするために、ブックマークを作成すると非常に便利です。ぜひ作成してください。ちょっとしたフィードバックもいただければ幸いです。

  1. ブックマークバーを右クリックし、「ページの追加」をクリックします。
  2. 好きな名前を付けます (例: Inject jQuery)。URL には次の行を使用します。

javascript:(function(e,s){e.src=s;e.onload=function(){jQuery.noConflict();console.log('jQuery が挿入されました')};document.head.appendChild(e);})(document.createElement('script'),'//code.jquery.com/jquery-latest.min.js')

以下にフォーマットされたコードを示します。

javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')

ここでは公式の jQuery CDN URL が使用されていますが、独自の CDN/バージョンを自由に使用してください。

おすすめ記事