頁內文字搜尋瀏覽器擴充功能
像代碼編輯器一樣搜索網頁文字,支持大小寫匹配、結果跳轉與自定義高亮。
使用前可以確認的事實
- 做什麼:像代碼編輯器一樣搜索網頁文字,支持大小寫匹配、結果跳轉與自定義高亮。
- 頁面內容、選取的文字和生成結果預設只留在本機,不上傳到 KnowIt 伺服器。
- 免費,安裝擴充功能後即可使用。
「文字搜索」的設計理念
一、為什麼做這個工具
瀏覽器自帶的頁面搜索存在幾個長期困擾開發者和重度用戶的限制:
- 位置固定:搜索框被鎖定在瀏覽器頂部或底部,無法移動,經常遮擋正在查看的內容,尤其在對照搜索結果閱讀時尤為不便。
- 匹配能力有限:不支持大小寫敏感匹配,無法精確區分 React 和 react、API 和 api 這類對開發者至關重要的差異。
- 缺乏高級匹配:不支持正則表達式,面對複雜的文本模式(如匹配所有郵箱、特定格式的日期、多關鍵詞組合)時力不從心。
這些限制使得瀏覽器原生搜索在開發場景、文檔審閱、技術寫作等需要精細文本操作的場景下顯得捉襟見肘。文字搜索希望提供一個更靈活、更強大、更符合開發者使用習慣的頁面內搜索工具。
二、設計取向
UI 設計直接借鑒 VS Code 的搜索體驗。這不是偶然的選擇——VS Code 的搜索面板是經過大量開發者日常驗證的高效交互範式,其佈局邏輯、視覺層次和交互反饋都值得參考。對於以開發者為目標用戶的工具而言,沿用熟悉的操作心智模型可以顯著降低學習成本,讓用戶開箱即用。
三、核心理念
1. 可移動性優先
搜索框不應當是頁面的附屬品,而是一個可自主定位的工作面板。用戶可以根據當前的閱讀焦點,把搜索框拖拽到最不干擾視線、最便於操作的位置。搜索工具應該適應人的注意力流動,而不是讓人去遷就它。
2. 精確匹配,區分大小寫
對於開發者和技術寫作者來說,大小寫不是無關緊要的格式差異,而是語義差異。String 是類型,string 是關鍵字;Apple 是公司,apple 是水果。支持大小寫敏感匹配,本質上是尊重文本的精確性。
3. 為進階用戶留出能力空間
正則表達式是文本處理的利器。目前的版本聚焦於解決可移動性和大小寫匹配這兩個最迫切的痛點,但架構上將匹配引擎設計為可擴展的,為後續引入正則匹配預留了清晰的接口。工具應當從簡單場景入手,但不為能力設上限。
4. 保持輕量,融入工作流
搜索是一個高頻、短暫、穿插在閱讀和編輯之間的動作。工具應當即開即用、即關即走,不引入多餘的啟動成本,也不打斷用戶的心流。懸浮式的輕量面板而非整頁接管,正是對這一原則的體現。

