Kevin Powell - CommunityKP-C
Kevin Powell - Community•14mo ago
Doksuri

web extension fetch problem with firefox

Hi all,


i just finished a tiny chrome extension, and wanted to post it for firefox too.

the extension has only a popup page, and performs a simple fetch() request on a youtube account name (I.E. https://www.youtube.com/@anyAccountName)

on firefox, i got a CORS problem. usually, i can solve the problem by adding headers. but i can't solve this one...

The fun part, is that a fetch request on https://www.youtube.com works fine

here is the manifest
{
    "manifest_version": 3,
    "author" : "me",
    "name": "YT",
    "description": "super description",
    "version": "1.0",
    "icons" : {
       "48" : "img/icon-48.png",
       "64" : "img/icon-64.png",
       "128" : "img/icon-128.png"
    },
    "host_permissions":[
       "https://*.youtube.com/*"
    ],
    "action": {
       "default_icon": "img/icon-48.png",
       "default_popup": "popup.html"
    }
}

and here is the popup.js
/* works fine */
fetch('https://www.youtube.com/');

/* fails (i tried multiple options) */
fetch(`https://www.youtube.com/@anyAccoundName`,{
        mode: 'no-cors',
        redirect: 'follow',
        credentials: 'include',
        referrerPolicy: 'no-referrer',
        headers:new Headers({
            'User-Agent': navigator.userAgent,
            'Referer': 'https://www.youtube.com/'
        })
    });

any help would be appreciated :/
Was this page helpful?