日々精進

新しく学んだことを書き留めていきます

jQueryを任意のサイトのChrome Dev ToolのConsoleで使用する

Chrome Dev ToolのConsoleで以下を実行すると、$が使えるようになる。

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jq.onload = function() {jQuery.noConflict();}

consoleで対話的にselectorを書いて実行できるので、スクレイピングするとき等に便利。 bookmarklet作る時にも便利。onloadに渡す関数内で色々やりたい処理を書いて、改行をすべて削除してjavascript:を先頭に付けるとbookmarkletのできあがり

参考: