當麻許的超技八

最近因為一些需求，我自己想寫一個小工具檢查一下網頁，因為是登入中的很懶得寫模擬登入，所以我就想到乾脆寫 Chrome Extension ,  今天的案例就是，我寫一個簡單的擴充，他可以在我  reload 隨意一個網頁，之後他會掃描我現在開啟的所有 tab ，如果其中有一個 tab 是我指定的 網址( 範例是用 https://www.google.com/)，他會把該網址的 body 背景顏色變紅後，回傳整個 body  中的 html , 或許這案例很無聊，我當然要做的事情沒這麼簡單，只是寫文章幫助自己記住把案例變得簡單點...

1.  設定 manifest.json , 這裡面注意 permissions , 需要有 "tabs" , "<all_urls>"

2.  run.js 的部分，我就寫在 註解中.

Result:

其實只是為了怕自己忘記做的筆記..

reference:

https://stackoverflow.com/questions/66788838/chrome-scripting-executescript-unexpected-property-arguments

https://stackoverflow.com/questions/16185044/get-the-urls-of-all-the-tabs-in-all-windows-using-chrome-extension