最近因為一些需求，我自己想寫一個小工具檢查一下網頁，因為是登入中的很懶得寫模擬登入，所以我就想到乾脆寫 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/16185044/get-the-urls-of-all-the-tabs-in-all-windows-using-chrome-extension