從擴展（CSP）加載圖像的內容腳本

Question

我正在開發瀏覽器擴展，用於Chrome瀏覽器的Chrome瀏覽器& firefox。

我的內容腳本注入了（僅在Twitter中）從另一臺服務器託管的一些新圖像。

下面是我在做什麼一個基本的例子：

fetch('mysite.com') 
    .then(data => { 
     let imgTag = document.createElement('img'); 
     imgTag.src = data.url; // (https://example.com/image.jpg) 
     div.appendChild(imgTag); 
    }); 

它適用於Chrome，但不能在Firefox，控制檯是表示內容安全策略相關的錯誤，它只是說，CSP規則在Twitter上應用不允許我的託管圖像加載。

什麼錯誤我是爲什麼它在鉻上工作就好了？

Answer 1

將圖像與您的擴展名捆綁在一起。擴展URL（moz-extension://）免於CSP。

如果您需要動態內容，則必須等到問題1294996或1267027得到實施。