MANUAL & PLAYGROUND
使い方
設定から基本操作までを順番に確認し、ページ下部のPlaygroundで実際の動きを試せます。
01
初期設定
- 設定ページを開く
ツールバーのTabbySelectアイコンをクリックし、「設定ページを開く」を選択します。
- 有効URLを指定する
URLパターンを1行ずつ入力します。*は任意の文字列に一致します。空欄の場合は、すべてのhttp/https URLが対象です。
https://example.com/* - 対象ページでオンにする
アイコンを再度クリックし、ポップアップのトグルをオンにします。設定変更は開いているページにも反映されます。
02
キーボード操作
Tabキーでselectにフォーカスしてから文字を入力します。マウスクリックでフォーカスした場合、そのフォーカス中は候補UIを表示しません。
A–Z先頭から一致する候補に絞り込む
↑ ↓候補のハイライトを移動する
Backspace検索文字を1文字削除する
Esc検索をクリアし、空の状態でもう一度押すと候補を閉じる
Enter候補を確定して次の入力項目へ移動する
Tab候補を確定して通常どおり次へ移動する
03
Playground
拡張機能を有効にした状態で、下の「練習を始める」ボタンからTabキーでselectへ移動してください。文字入力、候補移動、確定を試せます。
✦
このページでは拡張機能の動作を再実装していません。通常のselect要素に対する実際の拡張機能の動作を確認できます。
04
対象と制限
- 対象はネイティブHTMLの単一選択selectです。独自UIのドロップダウンとselect[multiple]は対象外です。
- トップフレームの通常DOM内にあるselectが対象です。iframeとページ側Shadow DOM内は対象外です。
- 有効化できるのはhttp://またはhttps://のページです。ブラウザ設定ページなどでは動作しません。
- マウスでselectをクリックした場合、そのフォーカスが続く間はブラウザ標準の操作を優先します。
NEED HELP?
解決しない場合
状況と対象ページのURLを添えてお問い合わせください。