ブログへ参照ページのリンクを張り付けるのが手間なので、参照ページのタイトルとURLをWindowsのクリップボードへ貼り付けるブックマークレットを作ってみました。
ブックマークレットとは、お気に入り(ブックマーク)に登録して利用する小さなJavaScriptです。
実態は数十文字程度のJavaScriptなので簡単に修正ができ非常に便利です。
■利用イメージ
次の流れで非常に簡単。
1.参照ページを表示する。
2.ブックマークレットをクリックする。
※ブラウザ上で動作するJavaScriptからクリップボードへアクセスする旨、セキュリティ警告が表示される事があります。
[アクセスを許可する]をクリックすると、クリップボードへ情報が格納されます。
3.貼り付けたい場所で”貼り付け”([CTRL]+[V])する。
クリップボードに次のようなテキストがコピーされています。
「FrontPage - DRMG’s Wiki」 <a href=”http://w.drmg.net/”>http://w.drmg.net/</a>
■ブックマークレット(IE用)
肝心のブックマークレットは、次のリンクです。
そのままクリックしてみると、このページのタイトルとURLがクリップボードにコピーされる事が確認できます。
通常は、お気に入りやリンクバー等に登録して利用します。
★Aタグで囲まれたタイトルリンクをクリップボードに格納します
“+location.href+”“)’>Title&UrlLink Copyこの↑リンクのHTML↓ソース
<a href=’javascript:void clipboardData.setData(”Text”,”「”+document.title+”」\r\n<a href=\”"+location.href+”\”>”+location.href+”</a>”)’>Title&UrlLink Copy</a>
★タイトル文字列とURL文字列をクリップボードに格納します
Title&Url Copyこの↑リンクのHTML↓ソース
<a href=’javascript:void clipboardData.setData(”Text”,”「”+document.title+”」\r\n”+location.href)’>Title&Url Copy</a>
■ブックマークに登録したい場合
上記、ブックマークレットのうち使いたい物を、右クリックし”お気に入りに追加”を行うとお気に入りに登録されます。
そのお気に入りををクリックすると、表示中のページの情報がクリップボードに格納されます。
※2009/2/19 修正
↓お気に入り追加時に作成先を”リンク”にするだけで良い事に気付きました。。
■”リンク”ツールバーに登録したい場合
今回の利用イメージの2.の登録方法です。
“リンク”ツールバーは、[ツール]-[ツールバー]-[リンク]で表示されます。
昔は”リンク”ツールバーにお気に入りをドラッグ&ドロップ登録できた記憶があるのですが、Vista&IE7の環境ではうまく登録できないですね。。
しょうがないので、今回はリンクバー上に存在するリンク(ショートカット)をコピーして右クリックで表示されるプロパティから修正しました。
(コピーは、適当なリンクを同”リンク”バーの右の空きスペースにドラック&ドロップすると可能。)
↑右クリックして
↓こんな感じでプロパティ内の [Webドキュメント]タブの”URL”欄にJavaScriptを貼り
付け、[全般]タブのタイトルを分かりやすい物に修正すれば登録完了です。
今回作ってみた、Bookmarklet
| タイトル | TitleLink Copy |
|---|---|
| JavaScript | javascript:void clipboardData.setData(”Text”,”<a href=\”"+location.href+”\”>”+document.title+”</a>”) |
| Bookmarklet | “+location.href+”“)’>Title&UrlLink Copy |
| タイトル | Title&UrlLink Copy |
|---|---|
| JavaScript | javascript:void clipboardData.setData(”Text”,”「”+document.title+”」\r\n”+location.href) |
| Bookmarklet | Title&Url Copy |
このように非常に小さいJavaScriptなので、欲しい形に編集してご利用ください。
関連記事
- 簡易バックアップ
- JScriptの暗号化
- タイムアウト設定
- 正規表現
- ガジェットで使える、DOMインスペクタ っぽいツール
- IE8で追加されたCSS(styleオブジェクトの新プロパティ16個)
- IE Key Event キャプチャー:IE8ではEventオブジェクトのプロパティの増減無し・動きに変化は?
- Encode比較ツール Part.1:escape , encodeURI , encodeURIComponent関数
- Encode比較ツール Part.2 :unescape , decodeURI , decodeURIComponent関数
- マウスカーソル位置の色情報取得スクリプト:Google AdSenseやAmazonアソシエイト等での色設定に苦労していませんか? Part.1
- マウスカーソル位置の色情報取得ブックマークレット:Google AdSenseやAmazonアソシエイト等での色設定に苦労していませんか? Part.2
- マウスカーソル位置のサイズ情報取得ブックマークレット:Google AdSenseやAmazonアソシエイト等での色・サイズ設定に苦労していませんか? Part.3
- マウスカーソル位置のサイズ情報取得IE右クリック拡張・ブックマークレット:Google AdSenseやAmazonアソシエイト等での色・サイズ設定に苦労していませんか? Part.4
- ここAd! ブックマークレット Firefox版:Google AdSenseやAmazonアソシエイト等での色・サイズ設定に苦労していませんか? Part.5
- ここAd! ブックマークレット Opera,Safari,Chrome:Google AdSenseやAmazonアソシエイト等での色・サイズ設定に苦労していませんか? Part.6





[...] ブログに参照ページのタイトルとURLをWindowsのクリップボードへ貼り付けるブックマークレット | 最近、開発に縁が無くなってきた技術者のきねづか [...]