ChatGPT 實在太火紅了！本來一直以為 AI 笨笨的我，被這波 AI 浪潮沖到發現自己真的沒穿褲子。

公司在三月底做了一個 Healthcare 和 AI 相關的講座，我們也分享了許多 ChatGPT 可以導入 Healthcare 的實例，引人入勝，想看的連結這邊請。

和 ChatGPT 協作的這一陣子，發現掌握 prompt 後雖然可以很好地操作並得到答案，但說真的，打字很累。

終於在 4/5 早上我實在受不了，考量到會一直使用 ChatGPT，覺得花點時間寫個 Extension 應該是正確的投資，所以這篇文章想跟大家分享如何寫一個 Chrome Extension 幫助你跟 ChatGPT 溝通。

說真的，我對 Chrome Extension 也不是很懂，就是一直問 ChatGPT 然後看官方文件，寫了五個小時硬是把他用出來，如果我對 Extension 的理解和你有出入，那以你的為主。

Extension 有幾個重要的檔案：

• manifest.json : 這個 extension 的 configuration
• popup.html : 設定點擊 extension 後要顯示什麼東西
• popup.js : 搭配 popup.html 的 javascript 檔案
• content_script.js : 這個很重要，要處理網頁上的互動都在這個檔案處理
• background.js : 和 chrome core api 互動的話都在這邊
• Images/ : 放一些靜態檔案

檔案大概介紹到這邊，下面講一下技術實作方法。

我們在 popup.html 設計一個可以切換語系的介面：

‍

popup.js 寫我們要控制 popup 切換語系的邏輯，並且把用戶選擇的語言儲存在 storage 中

‍

content_script.js 稍微複雜一點我把邏輯寫在註解上

‍

background.js 處理快捷鍵邏輯

‍

整個東西其實沒什麼技術難度，就是東拼西湊，甚至 popup.html 我都是叫 ChatGPT 寫的。

Github 連結在這邊

Extension 下載的連結在這邊

就這樣，希望大家用得愉快～