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 JavaScript ブックマーク」
    ・2024 年の人気エントリ Top 100
    ・2023 年の人気エントリ Top 100
    ・WSL2 上に Docer 環境を作ってみる
    ・rclone で OneDrive の内容をサーバにバックアップ
    ・MariaDB が yum/dnf でアップデートできなくなっていたので
    ・SeleniumWrapperVBA でブラウザを Excel から制御する
    ・2022 年の人気エントリ Top 100
    ・CentOS8 を CentOS8 Stream に
    ・ハーバード大の CS50 の 2022 年版が公開されてた
    ・curl で並行リクエストを行う
    トラックバックについて
    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.