テキストをハイライトした状態でURLを共有する方法

Web関連
デヴ
デヴ

注目してほしい個所を色付けした状態で

URLを共有することが出来ます。

面白い情報や、役に立つ情報を手に入れた場合、その情報元のURLを人に共有する事があると思います。
共有したい情報が、そのページの先頭にあればすぐに見つかりますが、ページの後半にあるとそこまでスクロールしてもらう必要があります。
URLを開いたら、見てほしい個所がハイライト(色付け)されていたら便利だと思いませんか?
ひと手間加えるだけで、URLを開いた時点で見てほしい個所に自動スクロールし、テキストをハイライトさせる事が出来ます。

この記事では、「テキストをハイライトした状態でURLを共有する方法」をまとめました。

スポンサーリンク

テキストをハイライトした状態でURLを共有する方法

共有したいURLの末尾にオプションを記載する

テキストをハイライトした状態でURLを共有するには、共有したいURLの末尾にオプションを記載する必要があります。
共有したいURLの末尾に以下のオプションを記載してください。

#:~:text=○○○

★ボーンレス・デ部にようこそ★

実際に共有する際には、以下のように記載します。
https://boneless-dev.com/?p=687#:~:text=★ボーンレス・デ部にようこそ★ 

上記のURLにアクセスすると、このページの 「★ボーンレス・デ部にようこそ★ 」の部分がハイライトされた状態で開きます。

人にURLを共有する際は、この方法で行うと見てほしい個所をすぐに見てもらえますよ。

テキストをハイライトした状態でURLを共有する際の注意点

IEでは機能しない

この機能、とても便利ではあるのですが、残念ながらIE(Internet Exproler)では機能しません。
この機能を使う際は、chromeやEdgeなどでお試しください。

ハイライトしたいテキストが複数ある場合

ハイライトしたいテキストが複数ある場合は、そのページの一番最初にあるテキストがハイライトされます。
この方法でURLを共有する際は、なるべくユニークなテキストを指定してください。

まとめ

・テキストをハイライトした状態でURLを共有するには、共有したいURLの末尾に「#:~:text=○○○」を追記する
IEでは機能しない
・ハイライトしたいテキストが複数ある場合、そのページの一番最初にあるテキストがハイライトされる

この記事では、「テキストをハイライトした状態でURLを共有する方法」を解説しました。

この他にも、仕事に役立つ情報を紹介しています。
スポンサーリンク
タイトルとURLをコピーしました