從旅遊規劃的挫折中誕生:我開發第一個 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
林承慶的沙龍
1會員
39內容數
林承慶的沙龍
你可能也想看
Thumbnail
數發部近期推出的「網詐通查網」引發了大量爭議,甚至被指責為導致資安隱患的根源。儘管宣佈終止公測並下架,但實際上網站仍可訪問,並在違法和侵權方面受到重大指責。本文探討數發部在該事件中的處理責任、可能的法律風險以及對公信力的影響,質疑其資安實踐的有效性。
Thumbnail
數發部近期推出的「網詐通查網」引發了大量爭議,甚至被指責為導致資安隱患的根源。儘管宣佈終止公測並下架,但實際上網站仍可訪問,並在違法和侵權方面受到重大指責。本文探討數發部在該事件中的處理責任、可能的法律風險以及對公信力的影響,質疑其資安實踐的有效性。
Thumbnail
分享花了一個月左右打造的新品牌:Accesserty 這是一個專注於提升無障礙網頁體驗的小型工具生態,從搜尋體驗到開發測試。
Thumbnail
分享花了一個月左右打造的新品牌:Accesserty 這是一個專注於提升無障礙網頁體驗的小型工具生態,從搜尋體驗到開發測試。
Thumbnail
蘋果iPhone最新作業系統iOS 14顯示,該公司正加緊開發自家搜尋引擎。 金融時報報導,蘋果正加緊腳步開發自家搜尋技術,因美國主管機關上周提起的反壟斷訴訟,威脅到谷歌為成為蘋果設備的預設瀏覽器、每年支付蘋果數十億美元的合作協議。  iPhone最新作業系統iOS 14出現了一個幾乎無人留意的改變
Thumbnail
蘋果iPhone最新作業系統iOS 14顯示,該公司正加緊開發自家搜尋引擎。 金融時報報導,蘋果正加緊腳步開發自家搜尋技術,因美國主管機關上周提起的反壟斷訴訟,威脅到谷歌為成為蘋果設備的預設瀏覽器、每年支付蘋果數十億美元的合作協議。  iPhone最新作業系統iOS 14出現了一個幾乎無人留意的改變
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
你是否曾在 iPhone 上使用 Spotlight 搜尋想打開的 App,卻總是被一堆不相關的建議困擾?明明某個 App 是你每天必用,卻總要滑好幾下才能找到。這種「明明就在眼前卻總被忽略」的經驗,或許看似小事,但當我們每天手機操作次數破百,這種小小的不便便會逐漸累積成真正的時間損耗與使用挫折。
Thumbnail
你是否曾在 iPhone 上使用 Spotlight 搜尋想打開的 App,卻總是被一堆不相關的建議困擾?明明某個 App 是你每天必用,卻總要滑好幾下才能找到。這種「明明就在眼前卻總被忽略」的經驗,或許看似小事,但當我們每天手機操作次數破百,這種小小的不便便會逐漸累積成真正的時間損耗與使用挫折。
Thumbnail
2025年網站還能賺錢嗎?本文探討網站的價值與SEO的變化,說明如何利用AI工具快速建置網站,並透過單點突破策略,以小網站逆襲大平臺,從中獲取流量與收入。
Thumbnail
2025年網站還能賺錢嗎?本文探討網站的價值與SEO的變化,說明如何利用AI工具快速建置網站,並透過單點突破策略,以小網站逆襲大平臺,從中獲取流量與收入。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
根據 路透社報導, #Meta 正在開發,屬於自己的 搜尋引擎 隨著 OpenAI、Google 和 微軟 都在快速發展的 AI 領域中爭奪主導地位 「搜尋引擎」自然也變得越來越重要 原因是,Meta 正開發的 聊天機器人 以及 智慧眼鏡 Orion 當遇到有關 時事訊息 的
Thumbnail
根據 路透社報導, #Meta 正在開發,屬於自己的 搜尋引擎 隨著 OpenAI、Google 和 微軟 都在快速發展的 AI 領域中爭奪主導地位 「搜尋引擎」自然也變得越來越重要 原因是,Meta 正開發的 聊天機器人 以及 智慧眼鏡 Orion 當遇到有關 時事訊息 的
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
Hika 主頁 Hika AI 是一款 AI 驅動的「知識搜尋工具」。它的主要目標是在你搜尋問題時,透過 Hika 的「多角度思維」,協助你快速拓展問題相關的知識領域,或深入探討問題中的關鍵重點,從而獲得更全面的解答。 為什麼我們要開發 Hika 身為 AI 產品的重度使用者,我和山盡長期
Thumbnail
Hika 主頁 Hika AI 是一款 AI 驅動的「知識搜尋工具」。它的主要目標是在你搜尋問題時,透過 Hika 的「多角度思維」,協助你快速拓展問題相關的知識領域,或深入探討問題中的關鍵重點,從而獲得更全面的解答。 為什麼我們要開發 Hika 身為 AI 產品的重度使用者,我和山盡長期
Thumbnail
Chrome 的開發者工具中,你可以模擬 Googlebot 或其他搜尋引擎爬蟲的網頁抓取情況。
Thumbnail
Chrome 的開發者工具中,你可以模擬 Googlebot 或其他搜尋引擎爬蟲的網頁抓取情況。
Thumbnail
在AI浪潮下,009819 中信美國數據中心及電力ETF 直接卡位算力與電力雙主軸,等於掌握AI最核心基建。2008從 Apple Inc. 與 iPhone 帶動供應鏈,到如今AI崛起,主線已由應用端轉向底層。AI發展離不開算力與電力支撐,009819的價值,在於押中「沒有它不行」的核心資產。
Thumbnail
在AI浪潮下,009819 中信美國數據中心及電力ETF 直接卡位算力與電力雙主軸,等於掌握AI最核心基建。2008從 Apple Inc. 與 iPhone 帶動供應鏈,到如今AI崛起,主線已由應用端轉向底層。AI發展離不開算力與電力支撐,009819的價值,在於押中「沒有它不行」的核心資產。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News