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

Question

我正在為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上運行，控制台顯示與內容安全策略相關的錯誤，它只是說適用於twitter的CSP規則不允許加載我的托管圖像。

讓我感到煩惱的是為什么它可以在chrome上正常工作？

Answer 1

將圖像與擴展名捆綁在一起。 擴展URL（ moz-extension:// ）不受CSP的限制。

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