[Javascript] HTMLのid名を右クリックで取得する

Posted on 2018/08/17
HTMLのid名を含むURL(ページ内リンク)を右クリックで取得するブックマークレットです。

Process

ウェブサイトを運営し始めると、ユーザーからの問い合わせ対応で、ページ内リンクが必要になることが多々あります。すべてを独立したFAQのページへリンクが貼ることができれば1番良いのですが、なかなかそうもいかないことが殆どです。
また事前に、ページ内リンク要のidリストを作っていたとしても、サイトを更新し続けることを考えると、あまり効率的ではありません。諦めて毎回HTMLのソースを確認しながら手動でidを確認していましたが、なんとか思った場所のリンクをその時に瞬時に取得できないかと考えました。

Solution

RightClickToGetId(2018/08/18)
動作 ブックマークレットとして実行後、HTMLのid名がある要素の上で右クリックするとクリップボードにidを取得します。 Google Chrome、Firefoxで動作確認済み。 注意 ページを更新するとリセットされますので、もう一度使いたい場合は再度ブックマークレットから実行してください。 ページを更新する前に2回以上実行すると、2重に動作するので動作がバグります。