BLOGTIMES
« :: »
2014/05/13

jQuery を使ったブックマークレットを作る

  javascript 
このエントリーをはてなブックマークに追加

とあるウェブアプリがちょっと不便だったので、jQuery を使ったちょっとしたアプリを書いてみたのですが、それをブックマークレットから呼び出せるようにしようとしたらいろいろとハマってしまったので忘れないうちにやり方のメモを残しておきます。

例えば下記のような body の末尾に hoge! という文字列を追加する jQuery を使った処理があるとします。

jQuery(document).ready(function(){jQuery("body").append("hoge!")})

これを参考にあるブックマークレットで jQuery をロードする処理をテンプレートにして、処理を埋め込んでいきます。

javascript:(function(f,s){s=document.createElement("script");s.src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js";s.onload=function(){f(jQuery.noConflict(false))};document.body.appendChild(s)})(function($){ /* ここに処理を書く */});

合体させるとこんな感じになります。これをブックマークの URL 欄に登録するとブックマークレットとして動作させることができました。

javascript:(function(f,s){s=document.createElement("script");s.src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js";s.onload=function(){f(jQuery.noConflict(false))};document.body.appendChild(s)})(function($){jQuery(document).ready(function(){jQuery("body").append("hoge!")})});

† 参考


    by hsur at 21:21 [5年前][4年前][3年前][2年前][1年前][1年後][2年後][3年後][4年後][5年後] |
    こんな記事もあります 「ブックマーク URL jQuery」
    ・2024 年の人気エントリ Top 100
    ・2023 年の人気エントリ Top 100
    ・WSL2 上に Docer 環境を作ってみる
    ・rclone で OneDrive の内容をサーバにバックアップ
    ・MariaDB が yum/dnf でアップデートできなくなっていたので
    ・2022 年の人気エントリ Top 100
    ・CentOS8 を CentOS8 Stream に
    ・curl で並行リクエストを行う
    ・さくらのクラウドのシンプル監視の通知先として IFTTT や Zapier が選べるように
    ・LaTeX Workshop から WSL の Ubuntu の LaTeX を呼び出す
    トラックバックについて
    Trackback URL:
    お気軽にどうぞ。トラックバック前にポリシーをお読みください。[policy]
    このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/6714
    Trackbacks
    このエントリにトラックバックはありません
    Comments
    愛のあるツッコミをお気軽にどうぞ。[policy]
    古いエントリについてはコメント制御しているため、即時に反映されないことがあります。
    コメントはありません
    Comments Form

    コメントは承認後の表示となります。
    OpenIDでログインすると、即時に公開されます。

    OpenID を使ってログインすることができます。

    Identity URL: Yahoo! JAPAN IDでログイン

    « :: »
    Copyright © 2004-2023 by CLES All Rights Reserved.