Bookmarkletのページ

ページ内目次

• ページ内目次
• 参考サイト
• ブックマークレットの登録方法と使い方
• ウェブページのタイトルとURLをコピーしやすく表示

参考サイト

• http://bookmarklet.dohow.jp/createbookmarklet.shtml Bookmarkletの作成方法(基礎)

• http://d.hatena.ne.jp/zariganitosh/20140717/bookmarklet_coding ブックマークレットの書き方の段階的な発展の仕方 - ザリガニが見ていた...。
  • (function (){})()という謎の記述の解説から始まり、外部サイトに公開しているJavaScriptをブックマークレットから読み込ませる方法まで。

• http://ginpen.com/2013/12/04/bookmarklet/ ブックマークレットの作り方を知ってウェブブラウジングを快適に
  • このページの元ネタ

• https://qiita.com/xtetsuji/items/e8b61bb39c41b7a9345e ブックマークレットを作るときのTips - Qiita

• https://www.hatena.ne.jp/ はてな
  • http://hatelabo.jp/ はてラボ
    • http://let.hatelabo.jp/ Hatena::Let はてなlet
      作成したブックマークレットを公開するのに便利。

• https://qiita.com/tags/bookmarklet Qiitaのbookmarkletタグ

ブックマークレットの登録方法と使い方

リンクの上でメニューを出してブックマーク登録する。

ブックマークツールバーに出しておいて、クリックすると発動。

なお、FireFoxだけは、ブックマークレットの最後に ;void 0 が必要な場合がある。式の結果が undefined にならないと、式の結果を表示するだけのページに遷移してしまう。

ウェブページのタイトルとURLをコピーしやすく表示

• JavaScriptのpromptを使用。
• twitterなどにページタイトルとURLを流したい場合に。

• URL と タイトルの順番に表示する
  • javascript:prompt("URL and title", location.href+' '+document.title);void 0
  • URLとページタイトルを表示

• タイトル と URL の順番に表示する
  • javascript:prompt("Title and URL", document.title+' '+location.href);void 0
  • ページタイトルとURLを表示