前回の投稿に引き続き地味に便利なブックマークレットを紹介します。
jQuery 離れがささやかれている昨今ですが、まだまだ需要の高い jQuery に関するブックマークレットです。
jQuery なしでも Chrome Dev Tool では $
, $$
でセレクタでの DOM の抽出ができますが、抽出した DOM をどうこうしたい、という場合、急に手足がでなくなります 笑
そんな時はこのブックマークレットで jQuery をサイトに読み込んでいます。
javascript:(function()%7B(function() %7Bvar s %3D document.createElement("script")%3Bs.type %3D "text%2Fjavascript"%3Bs.src %3D"http%3A%2F%2Fcode.jquery.com%2Fjquery-2.2.4.min.js"%3Bdocument.body.appendChild(s)%3Bs.onload %3D function()%7B console.log('jQuery ready!')%3B %7D%7D)()%7D)()
<script>
タグを生成して非同期で読み込んでいるだけです。
確認作業などが主な目的なのでバージョンが低いままですが、読み込み先のURLを変更すれば別バージョンも読込できます。
Lodash や Underscore.js など別のライブラリも同じ方法でいけるので、インスタントにライブラリを試したい時などにも利用できそうですね。