Paul Kinlan
「タップして検索」は、2015 年 6 月に Chrome 43 でほとんどの Android スマートフォン向けにリリースされました。ユーザーが Chrome の任意のページでテキストをタップすると、その単語と関連する周囲のテキストが選択されます。検索語句は画面下部のバーに表示されます。このバーをオーバーレイ パネルで開くと、検索結果全体が表示されます。
タップによるトリガーは、選択可能でインタラクティブではない、またはフォーカスできないプレーンテキストに対して有効になります。ページにテキストのタップに応答するクリック ハンドラがある場合、タップして検索は自動的にその応答を検出し、無視します。これは、デベロッパーがそのイベントを処理することを意図していることがわかっているためです。長押し操作でテキストを手動で選択した場合も、タップして検索バーがトリガーされます。ユーザーは、Chrome のプライバシー設定で設定を使用して、この機能を有効または無効にできます。
サイトの作成者は、特定の要素のタップ操作で検索をトリガーしたくない場合があります。Chrome が意図したとおりに動作するように、これらの要素を作成します。
- フォーカス可能: 要素に
tabindex=-1プロパティを追加します。 - インタラクティブ: 要素がインタラクティブであることを示すには、次のいずれかの標準的な方法を使用します。
- ユーザー補助マークアップを使用して、要素に widget role または widget attributes があることを指定します。たとえば、role=button の要素はトリガーされません。ユーザー補助マークアップを追加すると、視覚障がいのあるユーザーがページを読みやすくなるというメリットもあります。
preventDefault()を呼び出すか、DOM または CSS を操作する JavaScript クリック ハンドラは、タップして検索をトリガーしません。
- 選択不可:
-webkit-user-select: noneを使用。選択不可のテキストは、長押し操作を使用した場合でもタップして検索をトリガーしません。
タップして検索が、トリガーされるべきタイミングや場所でトリガーされない、または断続的にトリガーされる場合は、要素がフォーカス可能またはインタラクティブであるべきではないときに、そうマークされている可能性があります。タップして検索がトリガーされない原因を特定するには、次の手順を行います。
- 長押し操作でテキストを選択できるかどうかを確認します。テキストが選択されてもタップして検索バーが表示されない場合は、Chrome の [プライバシー] の [タップして検索] の設定で、スマートフォンでこの機能が無効になっていないことを確認します。また、一部の低価格帯デバイスはタップして検索に対応していません。
- テキストを選択したときにタップして検索バーが表示されるが、タップしたときに表示されない場合は、タップ トリガーに関する問題があります。トリガーが断続的に発生する場合は、要素の JavaScript ハンドラによってアニメーションが条件付きで有効になっていることが原因である可能性があります。
- トリガーがまったく発生しない場合は、上記のトリガーの理由を参照してください（要素がフォーカス可能かインタラクティブかを確認します）。
それでもページが期待どおりに動作しない場合は、crbug.com でバグを報告し、ラベル Cr-UI-Browser-Mobile-TouchToSearch を追加します。