0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

いまさらながらの jQuery 非対応のサイトでも console で jQuery を使いたい!

Last updated at Posted at 2017-11-08

前回の投稿に引き続き地味に便利なブックマークレットを紹介します。

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 など別のライブラリも同じ方法でいけるので、インスタントにライブラリを試したい時などにも利用できそうですね。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?