Lazy Diary @ Hatena Blog

PowerShell / Java / miscellaneous things about software development, Tips & Gochas. CC BY-SA 4.0/Apache License 2.0

ChromeでHTML中の任意の場所にジャンプするリンク

  • 長いHTMLの途中の見出しにジャンプするリンクを作りたい
  • でも見出しにid属性がついていない

という場合、HTMLのURLの末尾に「#:~:text=」に続けてリンクしたい文字列を指定すると、指定した文字列がハイライトされた状態で、フォーカスもその文字列にあてられる。たとえば以下のような感じ。

https://cio.go.jp/itdashboard/csv#:~:text=%E9%81%8B%E7%94%A8%E3%82%B3%E3%82%B9%E3%83%88%E5%89%8A%E6%B8%9B%E7%8A%B6%E6%B3%81

Google Chrome 89.0.4389.90とMicrosoft Edge 89.0.774.57で使えた。