重新註入內容腳本:Chrome擴充功能升級或安裝後的必要步驟
P粉066224086
2023-08-24 12:03:01
<p>在安裝或升級我正在開發的Chrome擴充功能後,內容腳本(在清單中指定)不會重新註入,因此需要刷新頁面才能使擴充功能正常運作。有沒有辦法強制重新註入腳本? </p>
<p>我相信我可以透過以程式設計方式將它們從清單中移除,然後在後台頁面處理要注入的頁面來再次注入它們,但這不是一個好的解決方案。 </p>
<p>我不想自動刷新用戶的標籤頁,因為這可能會丟失一些資料。 Safari在安裝或升級擴充功能時會自動刷新所有頁面。 </p>
唯一的方法強制注入內容腳本而不刷新頁面是透過程式註入。
您可以使用Chrome瀏覽器的標籤API取得所有標籤,並向它們注入程式碼。 例如,您可以將一個版本號儲存在本機儲存中,並在每次檢查背景頁中的版本號是否過舊時(如果是),您可以取得所有活動標籤並透過程式註入您的程式碼,或任何其他可以確保擴充功能已更新的解決方案。
使用以下程式碼取得所有標籤:
chrome.tabs.query
並向所有頁面注入您的程式碼
chrome.tabs.executeScript(tabId, {file: "content_script.js"});
有一種方法可以在升級後使內容腳本重的擴充功能繼續正常工作,並在安裝後立即使其生效。
安裝/升級
安裝的方法是簡單地遍歷所有視窗中的所有標籤,並在具有匹配URL的標籤中以編程方式註入一些腳本。
ManifestV3
manifest.json:
這些host_permissions應與內容腳本的
matches
相同。background.js:
這是一個簡化的範例,不處理框架。您可以使用getAllFrames API並自行匹配URL,請參閱匹配模式的文件。
ManifestV2
顯然,您必須在manifest.json中聲明的background page或event page腳本中執行此操作:
background.js:
歷史趣聞
在古老的Chrome 26及更早版本中,內容腳本可以恢復與後台腳本的連線。這在2013年修復http://crbug.com/168263。您可以在此答案的早期版本中看到此技巧的範例。