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

  • 更新日:
  • 公開日:

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

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

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

GetDescription

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

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

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

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

javascript:window.prompt('',document.getElementsByName ('description').item(0).content);void(0);
  1.  document.getElementsByNameでname属性にdescriptionが指定されたタグを取得
  2. content属性の値をpromptメソッドでダイアログ表示

という単純な内容になります。

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

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

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

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

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

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


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

書いた人

Symbol Mark

Ryoichi(しつ)

除菌ティッシュを買い込んで使いきれずによく乾かす人。

療養目的で退職し、どうやって生きていくか模索中。最近は勉強目的でLaravelやVue.js弄ったり、趣味で音で遊んでます。

※2019年10月16日現在ブログリニューアル中です。崩れなどが発生していたらすみません。

うぇぶ: @s_ryone