Regex finder Extension Chrome

Regex finder based on CSS Custom Highlight API. Type a valid regex in the search field to highlight matches on the page.

Latest Version

Version

0.0.0.1

Update

November 4, 2023

Size

21.64KiB

Developer

Regex finder Extension

Regex finder is a find/search tool that uses the new CSS Custom Highlight API. Dynamic web pages like YouTube should work in addition to static pages. The extension is targeted at advanced users who are already familiar with regex matching.

No bells and whistles are included. Matches are highlighted using red background color. Total match count is displayed to user.

Instructions:
Navigate to a web page and click the extension icon.
Type in a valid regex and press Enter or Find button to start matching.
Press the Stop button to remove highlights and to stop program execution.
Press Enter or Find to restart.
Press Next or Prev buttons to navigate through matches.
Use Chrome Task manager (Ctrl + Esc) in case of CPU consuming regex.

Known limitations:
- iframes are not supported
- soft hyphens may cause problems if not included in regex
- textarea elements are not supported because of restrictions in API. For instance, GitHub seems to use textarea in it's 'code' page.
- only tested with some English and Scandinavian websites
- currently there are \"g\" and \"i\" flags hard coded in regex object constructor, meaning global search and ignore case.
- hardcoded 9000 maximum matches.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Regex finder", "description": "Regex finder based on CSS Custom Highlight API. Type a valid regex in the search field to highlight matches on the page.", "version": "0.0.0.1", "action": { "default_popup": "regex.html" }, "icons": { "128": "icons/icon128.png" }, "permissions": [ "activeTab", "scripting" ], "background": { "service_worker": "scripts/service-worker.js" }, "commands": { "toggle-feature": { "suggested_key": { "default": "Ctrl+Shift+F", "mac": "MacCtrl+Shift+F" }, "description": "Select text in extension input field" } }}