idが指定されている要素にそこへのリンクを併記するブックマークレット

id属性が指定されているタグに、そのタグまで飛べるリンクを表示するブックマークレットを雑に書いた。

ページ内の特定の場所を共有したいときに便利。

const icon='<svg style="width:1em;height:1em;" viewBox="0 0 20 20"><path d="M14.467,1.771H5.533c-0.258,0-0.47,0.211-0.47,0.47v15.516c0,0.414,0.504,0.634,0.802,0.331L10,13.955l4.136,4.133c0.241,0.241,0.802,0.169,0.802-0.331V2.241C14.938,1.982,14.726,1.771,14.467,1.771 M13.997,16.621l-3.665-3.662c-0.186-0.186-0.479-0.186-0.664,0l-3.666,3.662V2.711h7.994V16.621z"></path></svg>';
Array.prototype.slice.call(document.querySelectorAll('[id]')).map(e=>e.outerHTML = `<a href="${location.pathname}#${e.id}">${icon}${e.id}</a>${e.outerHTML}`)

アイコンはここからいただいた

svgicons.sparkk.fr

ブックマークレット化するのにはここをよく使う

caiorss.github.io