從旅遊規劃的挫折中誕生:我開發第一個 Chrome 擴充功能的心路歷程

更新 發佈閱讀 4 分鐘

隆重介紹 Context Split Search:告別為了「複製貼上」而不斷開啟新分頁的煩惱。

你是否也覺得,單純想查個資料,步驟卻多得令人心煩?

你一定遇過這種情況:在網頁上看到一個關鍵字,選取它、複製、開新分頁、點擊搜尋框、貼上,最後才按下 Enter。這種重複性的動作不斷打斷你的閱讀心流

「靈光一閃」的瞬間:規劃一趟出國旅遊

我是在規劃去越南河內(Hanoi)旅遊時,才深刻感受到這種「操作阻力」有多大。

當時我正翻遍各大旅遊部落格尋找在地美食——餐廳、美景和私房景點。每當我看到一個推薦,我就得選取店名、在新建分頁中打開 Google 地圖,然後貼上搜尋,只為了確認它在哪裡。

最令人沮喪的是,頻繁切換視窗讓我常常忘了原本文章讀到哪裡。我只想立刻知道:這家餐廳離我飯店近嗎?這景點在我規劃的路線附近嗎?還是這個點其實是在胡志明市,而不是河內?這種無止盡的複製貼上讓人心力交瘁。

解決方案:Context Split Search

為了克服這個痛點,我開發了人生第一個 Chrome 擴充功能。

Context Split Search 徹底消滅了這些繁瑣步驟。你不再需要重複「複製 → 新分頁 → 貼上」的動作,只需選取文字、點擊右鍵,剩下的交給工具處理。

它會開啟一個側邊欄(側邊面板),讓你能在獲取答案的同時,依然停留在原始網頁中,保持閱讀的連貫性。


實戰應用:不只是搜尋

雖然我是為了旅遊而開發,但我很快發現它能解決各類使用者的問題。你可以這樣使用它:

✈️ 針對旅客:無縫探索景點

這是最初開發的核心功能。選取飯店名稱、地標或餐廳地址,就能直接在側邊欄的 Google 地圖中查看。你不需要離開正在讀的旅遊攻略,就能視覺化確認那間「私房咖啡廳」是否真的在你的行程路線上。

Search Jaffna in Lonely Planet

Search Jaffna in Lonely Planet


🎓 針對學生與研究人員:聰明學習,拒絕低效

在閱讀深奧的學術論文或複雜文章時,常會遇到陌生的概念。

  • AI 輔助: 我整合了 Felo AI。選取專業術語,AI 會直接在側邊欄為你拆解概念或提供摘要。
Search Stanford Course with Felo AI

Search Stanford Course with Felo AI

  • 不中斷的深度探索: 你甚至可以進行「巢狀搜尋」——直接在側邊欄的搜尋結果中再次選取文字搜尋,完全不會弄丟原始文件的閱讀進度。
Search Continuous

Search Continuous


3. 🗣️ 針對語言學習者:語境大師

別再跳轉到獨立的 Google 翻譯分頁了。讀外語文章卡關時,直接選取字詞即可即時查看翻譯。這能幫你維持閱讀節奏,並在實際語境中學習單字。

Translate yout auto language

Translate yout auto language


4. 🛠️ 針對進階使用者:高度自定義

這款工具不限於預設功能,它被設計成你的「私人工具箱」:

  • 新增任何網站: 你可以設定搜尋特定的財經工具、小眾學術資料庫或在地字典。
  • 自定義 URL 模式: 利用佔位符(Placeholders)創建屬於你自己的搜尋捷徑。
在教育部字典查詢

在教育部字典查詢

趕快來試試看吧!

我非常興奮能與大家分享這個成果。如果你也想要更流暢的瀏覽體驗,請下載並親自體驗看看。

如果你喜歡它,我會非常感激你在 Chrome 線上應用程式商店 留下五星好評與評論。如果你覺得少了什麼功能,或有任何新點子,也請隨時告訴我。我想讓這款工具變得盡可能地好用!

相關連結:

感謝大家的鼓勵與支持!

留言
avatar-img
林承慶的沙龍
0會員
3內容數
林承慶的沙龍
你可能也想看
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
2025年網站還能賺錢嗎?本文探討網站的價值與SEO的變化,說明如何利用AI工具快速建置網站,並透過單點突破策略,以小網站逆襲大平臺,從中獲取流量與收入。
Thumbnail
2025年網站還能賺錢嗎?本文探討網站的價值與SEO的變化,說明如何利用AI工具快速建置網站,並透過單點突破策略,以小網站逆襲大平臺,從中獲取流量與收入。
Thumbnail
你是否曾在 iPhone 上使用 Spotlight 搜尋想打開的 App,卻總是被一堆不相關的建議困擾?明明某個 App 是你每天必用,卻總要滑好幾下才能找到。這種「明明就在眼前卻總被忽略」的經驗,或許看似小事,但當我們每天手機操作次數破百,這種小小的不便便會逐漸累積成真正的時間損耗與使用挫折。
Thumbnail
你是否曾在 iPhone 上使用 Spotlight 搜尋想打開的 App,卻總是被一堆不相關的建議困擾?明明某個 App 是你每天必用,卻總要滑好幾下才能找到。這種「明明就在眼前卻總被忽略」的經驗,或許看似小事,但當我們每天手機操作次數破百,這種小小的不便便會逐漸累積成真正的時間損耗與使用挫折。
Thumbnail
分享花了一個月左右打造的新品牌:Accesserty 這是一個專注於提升無障礙網頁體驗的小型工具生態,從搜尋體驗到開發測試。
Thumbnail
分享花了一個月左右打造的新品牌:Accesserty 這是一個專注於提升無障礙網頁體驗的小型工具生態,從搜尋體驗到開發測試。
Thumbnail
Hika 主頁 Hika AI 是一款 AI 驅動的「知識搜尋工具」。它的主要目標是在你搜尋問題時,透過 Hika 的「多角度思維」,協助你快速拓展問題相關的知識領域,或深入探討問題中的關鍵重點,從而獲得更全面的解答。 為什麼我們要開發 Hika 身為 AI 產品的重度使用者,我和山盡長期
Thumbnail
Hika 主頁 Hika AI 是一款 AI 驅動的「知識搜尋工具」。它的主要目標是在你搜尋問題時,透過 Hika 的「多角度思維」,協助你快速拓展問題相關的知識領域,或深入探討問題中的關鍵重點,從而獲得更全面的解答。 為什麼我們要開發 Hika 身為 AI 產品的重度使用者,我和山盡長期
Thumbnail
Chrome 的開發者工具中,你可以模擬 Googlebot 或其他搜尋引擎爬蟲的網頁抓取情況。
Thumbnail
Chrome 的開發者工具中,你可以模擬 Googlebot 或其他搜尋引擎爬蟲的網頁抓取情況。
Thumbnail
根據 路透社報導, #Meta 正在開發,屬於自己的 搜尋引擎 隨著 OpenAI、Google 和 微軟 都在快速發展的 AI 領域中爭奪主導地位 「搜尋引擎」自然也變得越來越重要 原因是,Meta 正開發的 聊天機器人 以及 智慧眼鏡 Orion 當遇到有關 時事訊息 的
Thumbnail
根據 路透社報導, #Meta 正在開發,屬於自己的 搜尋引擎 隨著 OpenAI、Google 和 微軟 都在快速發展的 AI 領域中爭奪主導地位 「搜尋引擎」自然也變得越來越重要 原因是,Meta 正開發的 聊天機器人 以及 智慧眼鏡 Orion 當遇到有關 時事訊息 的
Thumbnail
數發部近期推出的「網詐通查網」引發了大量爭議,甚至被指責為導致資安隱患的根源。儘管宣佈終止公測並下架,但實際上網站仍可訪問,並在違法和侵權方面受到重大指責。本文探討數發部在該事件中的處理責任、可能的法律風險以及對公信力的影響,質疑其資安實踐的有效性。
Thumbnail
數發部近期推出的「網詐通查網」引發了大量爭議,甚至被指責為導致資安隱患的根源。儘管宣佈終止公測並下架,但實際上網站仍可訪問,並在違法和侵權方面受到重大指責。本文探討數發部在該事件中的處理責任、可能的法律風險以及對公信力的影響,質疑其資安實踐的有效性。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News