Webページで複数の単語をハイライトする方法

Chrome、Edge、Firefoxで使える3つの方法をご紹介します。ブラウザ標準の機能から、単語を記憶してくれる拡張機能まで、探す単語の数や頻度に合わせて最適なものを選べます。

1. 検索バーを使う：Ctrl+F

Ctrl+F（Macの場合は⌘+F）を押して単語を入力します。ブラウザがページ内の出現箇所すべてにマークを付け、ヒット数を表示します。Enterを押すと次の箇所へジャンプします。

適しているケース： インストール不要で、今すぐ任意のページで1つの単語を見つけたいとき。

限界： 入力した1つの単語しかマークされません。2つ目の単語を検索すると1つ目の色のハイライトが消えてしまうため、複数の単語を同時に表示することはできません。Firefoxでは、検索バーのすべて強調表示にチェックを入れると、その単語のすべてのマッチをマークし続けることができます。検索バーを閉じたりページを再読み込みしたりすると、色は消えてしまいます。

2. テキストを指定するリンクを使う：#:~:text=

Chrome、Edge、およびFirefoxの最新バージョンでは、あらかじめテキストがマークされた状態でページを開くことができます。ページのアドレスの末尾に #:~:text=first を追加し、さらに単語を追加する場合は &text= で繋ぎます（例：https://example.com/page#:~:text=first&text=second）。ブラウザが最初にマークされたテキストまでスクロールし、それぞれのテキストに色を付けます。

適しているケース： メッセージやメモの中で、いくつかのフレーズにマークが付いた状態のページを共有したいとき。

限界： すべての出現箇所ではなく、各テキストの最初の箇所のみがマークされます。ページごとに手動でアドレスを作成する必要があり、マークは一時的なもので、別の場所に移動すると消えてしまいます。これらのリンクを無視するサイトもあり、ページを開いた後に読み込まれるテキストはマークされない場合があります。

3. ブラウザ拡張機能を使う：お気に入りの単語をいつでもハイライト

拡張機能を使えば、単語のリストを保存し、読んでいるページ上で常にハイライトさせることができます。私たちが開発した Ordelio キーワードハイライター（無料、単語数制限なし）は次のように使えます：

1. 拡張機能のアイコンをクリックする（または Alt+Shift+K を押す）か、カンマ区切りで単語を入力します。それぞれの単語のリストが固有の色で即座にハイライトされ、出現回数も表示されます。
2. サイトごとに自動で強調表示するサイトにチェックを入れます。次回そのサイトを開いたときには、クリックしなくてもすでに単語がハイライトされています。

リンクや太字をまたいで分かれているフレーズも探し出し、すべての出現箇所をマークします。ページ自体を変更するわけではなく、ブラウザが色を描画するため、サイトの動作はそのまま維持されます。また、選択したテキストを右クリックしてリストに追加することも可能です。

限界： インストールが必要であり、自動でハイライトしたいサイトについてはブラウザから許可を求められます（サイトごとに1回のみ）。ページのテキストをマークするため、画像やPDFビューアの内部は読み取れません。

Ordelio キーワードハイライターは、Chromeウェブストア、Microsoft Edgeアドオン、Firefoxアドオンで審査中です。

どの方法を選ぶべきか

要するに：1つの単語を探すならCtrl+Fを使いましょう。誰かにいくつかの箇所を指し示したいならリンクを使いましょう。求人情報、論文、ショッピングサイト、レポートなどで毎回同じ単語を探すなら、拡張機能にリストを記憶させておくのが便利です。

これらどの方法でも対応できないハイライト方法をお探しですか？ぜひお知らせください。すべてのメッセージに目を通しています。