ページのdescription(概要・説明)の値を取得するブックマークレットを作成してみた

get-description-bookmarklet01

概要(descriptionタグの値)を取得するブックマークレットが調べても中々見つからなかったので作りました。(ページのタイトルやURLを取得するブックマークレットは見つかるんですけどね)

概要を取得するブックマークレット

以下のリンクをブックマークに入れて下さい。

ChromeやFireFoxならブックマークバーにドラッグで登録出来ます。IEでブックマークレットを登録する方法は「右クリック > お気に入りに追加」で出来ます。

その他の登録方法はこのページが参考になります。

ソースコードの簡単な解説

このブックマークレットのソースコードはこんな感じです。

  1.  document.getElementsByNameでname属性にdescriptionが指定されたタグを取得
  2. content属性の値をpromptメソッドでダイアログ表示

という簡単な内容です。

このソースコードの参考になった記事はこちら。

何でこんなの作ったかと言うと

どんな時に使うのかというと、例えば僕は、ブログ記事で外部リンクを貼り付ける時にリンク先のタイトル、URL、概要を入力しています。

一々ソースコードを開いてコピーして貼り付け、ってやってたんですけど、面倒だし特殊文字があった場合それがエスケープ処理されちゃってるんですね。

これまたエスケープされた文字を(分からないので)検索して書き換えて…、っていう作業時間を少しでも短縮したかったので用意しました。

需要があるかは分かりませんが、記事として書き留めておいた次第です。


このブックマークレットを参考に「外部リンクのHTMLを生成するショートコード」用のブックマークレットを作成しました。

【WordPress】外部リンクをサムネイル付きで表示するショートコード用のブックマークレットを作成したよ | increment Log

最終更新日:2014年9月28日

コメント

「何かそこ違うよ」「こうした方が良い」っていう部分があったら指摘して頂けると嬉しいです。

トラックバック

トラックバックは現在ありません。

Trackback: https://increment-log.com/get-description-bookmarklet/trackback/