Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方／「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】

テクノロジーカテゴリーの変更を依頼記事元:

forest.watch.impress.co.jp

183 usersがブックマークコメント

12

現在プライベートモードです設定を変更する

183 users forest.watch.impress.co.jp

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント12件

●注目コメント ●新着コメント

Lian この機能使うとはてブが別ページ扱いになるっぽい? ●hatena 2022/09/12 リンクその他 ● ● ●

JULY ブラウザの対応状況の問題が現状ではあるけど、Web 標準でこんな機能があるのは知らなかった。仕事で、﹁公式ドキュメントのここに記述がある﹂というのを示すことが多いので、対応状況が進むのを期待。 ●ソフトウェア ●ネットワーク 2022/09/12 リンクその他 ● ● ●

reihighjcj6a 自動テストで下の方にあるボタンクリックしたい時に遷移後スクロールさせなくてよくて便利そう 2022/09/13 リンクその他 ● ● ●

munieru_jp 検索エンジンで使われる場合は更新頻度がそれなりに高そうなのでいいけど、SNSなどに共有すると該当箇所が更新されたら終わりな気がする 2022/09/13 リンクその他 ● ● ●

otchy210 右クリックから簡単に作れるの知らなかった。今度使いそうな気がする。機能自体は Google 検索結果のスニペットがよく使ってるので気付いてた。 2022/09/13 リンクその他 ● ● ●

moerrari 指定したテキストまでスクロールさせた上、強調表示するリンクの張り方。URL指定(とアドオン追加)でできる。 ●ノウハウ 2022/09/13 リンクその他 ● ● ●

adsty この機能は﹁Text Fragment﹂というWeb標準仕様に基づいている。 ●ブラウザ ●chrome ●firefox ●extension 2022/09/12 リンクその他 ● ● ●

spark7 googleしか使わんChromeの隠し機能みたいなもんかと思ってた。標準なのね 2022/09/12 リンクその他 ● ● ●

civicpg 知らなかった！便利！ただ昨今はページ表示してからコンテンツロードするようなのも多くてちゃんと選択したテキストまでスクロールされないページも多い 2022/09/12 リンクその他 ● ● ●

ardarim XPathみたいな書き方が出来るわけではないのかな ●Web 2022/09/12 リンクその他 ● ● ●

sc3wp06ga ﹃﹁Text Fragment﹂というWeb標準仕様﹄﹃EdgeやChromeには選択テキストの右クリックメニューに以下のようなコマンドが追加されており、Edge﹇強調表示するリンクをコピー﹈Chrome﹇選択箇所へのリンクをコピー﹈﹄ ●ガジェット ●programming 2022/09/12 リンクその他 ● ● ●

t_marcus87 へぇ 2022/09/12 リンクその他 ● ● ●

Lian この機能使うとはてブが別ページ扱いになるっぽい? ●hatena 2022/09/12 リンクその他 ● ● ●

JULY ブラウザの対応状況の問題が現状ではあるけど、Web 標準でこんな機能があるのは知らなかった。仕事で、﹁公式ドキュメントのここに記述がある﹂というのを示すことが多いので、対応状況が進むのを期待。 ●ソフトウェア ●ネットワーク 2022/09/12 リンクその他 ● ● ● 注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fforest.watch.impress.co.jp%2Fdocs%2Freview%2F1438812.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/https://forest.watch.impress.co.jp/docs/review/1438812.html">Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方／「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/s/forest.watch.impress.co.jp/docs/review/1438812.html">はてなブックマーク - Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方／「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】</a></div></iframe>