acokikoy's notes

最近気になる=[NoCode, Shopify], I am..=[Python, ウクレレ, マニュアル車, CMS] LoveなWebディレクター

正規表現を使ってページ内検索できるChromeエクステンション 「find+」と「Chrome Regex Search」

ブラウザでページ内検索するときに、正規表現を使いたいときがある。それを可能にするChromeのエクステンションを2点紹介する。

ページ内検索で正規表現が使えるChromeのエクステンション 2点

find+

chrome.google.com

  • シンプルなUI
  • オプションパネルで、大文字小文字の区別、正規表現の利用、ハイライト表示についてのON/OFF、および結果の最大値が設定できる。
  • 次/前のヒット箇所への移動は Enter/Shift+Enterで行う。

f:id:acokikoy:20190112103508p:plain
find+入力画面

[https://chrome.google.com/webstore/detail/chrome-regex-search/bpelaihoicobbkgmhcbikncnpacdbknn/related github.com]

  • ボタンで、大文字小文字の区別をON/OFFできる。
  • 検索条件の履歴が遡れて再利用できる。
  • オプションパネルで、ハイライト表示色の変更、結果の最大値や履歴保持数が設定できる。
  • 次/前のヒット箇所への移動は Enter/Shift+Enterで行う。

f:id:acokikoy:20190112103531p:plain
Chrome Regex Search入力画面
いずれのエクステンションも正規表現での検索結果に違いはない。ミニマムのUIを好むか、検索履歴を再利用したいかなどで選べば良いと思う。

キーボード・ショートカットで起動できるようにする

ショートカット登録すると、エクステンションを素早く起動できる。

やり方は、

http://chrome://extensions/shortcuts

にアクセスするか、 拡張機能 > ショートカット で設定画面に移動する。

目的のエクステンションについて、「拡張機能を有効にする」入力欄に好みのショートカットを入力する。

f:id:acokikoy:20190112103528p:plain
拡張機能の有効化ショートカットの登録画面

検索後の 次/前のヒット箇所への移動もショートカットが欲しいところだが、両エクステンションとも Enter/Shift+Enter のみで用意されていない。
ただし、find+ の方はデベロッパーに質問したところ、次期バージョンで実装予定と回答をもらった。Chrome Regex Searchのほうは聞いてないので不明。