用AI開發(fā)谷歌瀏覽器網(wǎng)頁自動(dòng)化器插件
先記錄下日常，今天在花都吃了一個(gè)挺好吃的干蒸菜，探了兩次才尋到，花都美食你可藏得真深啊，里面人還挺多的，價(jià)格實(shí)惠這里才50塊！！味道杠杠的，邊蒜干蒸排骨絕對(duì)招牌菜了！下次得再去嘗嘗羊肉煲。
作為一個(gè)牛馬打工人，每天都有一個(gè)重復(fù)要處理的事項(xiàng)——就是每天要在特定網(wǎng)頁上處理同事的更新申請，就跟批閱文件一樣無腦點(diǎn)擊，流程說起來簡單得很：點(diǎn)[我的任務(wù)]→右鍵點(diǎn)[審批]→輸入[同意]→點(diǎn)[提交]→[導(dǎo)出]等等
別看步驟少不占時(shí)間，一天來個(gè)五六次也是挺煩的，開始也琢磨過用影刀或者爬蟲來解決，畢竟都是自動(dòng)化的好幫手。但仔細(xì)想想，這點(diǎn)小場景用它們，屬實(shí)有點(diǎn)“殺雞用牛刀”了。
思來想去，還是覺得開發(fā)個(gè)瀏覽器插件最靠譜！畢竟整個(gè)操作場景都在網(wǎng)頁里，插件直接嵌在瀏覽器里，用起來多方便。
說到開發(fā)瀏覽器插件，啥web前端/html之類的0基礎(chǔ)，但根據(jù)我的經(jīng)驗(yàn)，推薦谷歌瀏覽器的框架。之前試過用火狐，總會(huì)遇到一些莫名其妙的報(bào)錯(cuò)，兼容性確實(shí)沒谷歌好，省心得多。
這次開發(fā)我是用了兩個(gè)AI，豆包負(fù)責(zé)梳理業(yè)務(wù)邏輯和初始代碼，把整個(gè)審批流程的步驟、要點(diǎn)拆解清楚并提供初始框架代碼；后期優(yōu)化迭代美化就交給deepseek。
首先是把操作流程每一個(gè)步驟給到豆包，問它我要實(shí)現(xiàn)這個(gè)功能，需要我這邊繼續(xù)提供什么。
我需要開發(fā)一個(gè)瀏覽器自動(dòng)化插件用來實(shí)現(xiàn)網(wǎng)頁自動(dòng)化點(diǎn)擊應(yīng)該還要提供什么給你，步驟點(diǎn)[我的任務(wù)]→右鍵點(diǎn)[審批]→輸入[同意]→點(diǎn)[提交]→點(diǎn)[導(dǎo)出]
根據(jù)影刀獲取元素的經(jīng)驗(yàn)，就知道要去開發(fā)者工具復(fù)制一些元素地址。
那就好說了f12進(jìn)入捕抓按鈕位置右鍵復(fù)制元素，具體的元素定位信息，例如CSS或者XPath，把原來的提示詞進(jìn)一步補(bǔ)充完整。
一頓操作之后給了我四個(gè)文件，放一個(gè)文件夾
然后拖進(jìn)瀏覽器拓展工具，點(diǎn)擊插件就是下圖顯示的樣子。
然后經(jīng)過的deepseek的美化迭代就是這樣的
就這樣，一個(gè)專屬的網(wǎng)頁自動(dòng)化插件誕生了，再也不用被那些重復(fù)操作消耗精力，打工人終于能從枯燥中偷個(gè)懶啦～
夜雨聆風(fēng)
