概要(descriptionタグの値)を取得するブックマークレットが調べても中々見つからなかったので作りました。(ページのタイトルやURLを取得するブックマークレットは見つかるんですけどね)
概要を取得するブックマークレット
以下のリンクをブックマークに入れて下さい。
ChromeやFireFoxならブックマークバーにドラッグで登録出来ます。IEでブックマークレットを登録する方法は「右クリック > お気に入りに追加」で出来ます。
その他の登録方法はこのページが参考になります。
IE(Internet Explorer)でのブックマークレットの登録方法 – 書籍横断検索システム
IE(Internet Explorer)でのブックマークレット(bookmarklet)の登録方法について解説します。
ソースコードの簡単な解説
このブックマークレットのソースコードはこんな感じです。
javascript:window.prompt('',document.getElementsByName ('description').item(0).content);void(0);
- document.getElementsByNameでname属性にdescriptionが指定されたタグを取得
- content属性の値をpromptメソッドでダイアログ表示
という単純な内容になります。
このソースコードの参考になった記事はこちら。
jQueryで手軽にkeywordsとdescriptionの値を取得する « GRAPHNOTES
属性フィルタを使って手軽にcontent値を得る方法
何でこんなの作ったかと言うと
どんな時に使うのかというと、例えば僕は、ブログ記事で外部リンクを貼り付ける時にリンク先のタイトル、URL、概要を入力しています。
一々ソースコードを開いてコピーして貼り付け、ってやってたんですけど、面倒だし特殊文字があった場合それがエスケープ処理されちゃってるんですね。
これまたエスケープされた文字を(分からないので)検索して書き換えて…、っていう作業時間を少しでも短縮したかったので用意しました。
需要があるかは分かりませんが、記事として書き留めておいた次第です。
このブックマークレットを参考に「外部リンクのHTMLを生成するショートコード」用のブックマークレットを作成しました。