Question

我正在和服务工作者一起玩。以下代码应代理JS文件以修补导入，以使它们符合平台标准（即"./"，"../"，"/"或"http://..."）。

在Chromium中工作得很好（Arch Linux上的67.0.3396.79）。并且似乎在Firefox（60.0.2（64位）Arch）上工作得很好，至少从网络选项卡中，我可以看到所有补丁源加载，但由于某种原因JS模块没有运行。不能console.log等等。不知道如何让Firefox引导应用程序。

我注意到fetch标题都是toLowerCase，但我读到了here，Mozilla也指出标题名称不区分大小写here。

我还想也许是因为内容长度可能已经改变，文件没有被完全接收，但是我没有看到任何解析错误，实际上网络选项卡的内容长度变化正确，所以我统治了那个。

const maybeAppendJS = (x) =>
    x.endsWith(".js")
        ? x
        : `${x}.js`;


const maybePatchURL = (x) =>
    x.match(/(^'@.*'(.)?$)|(^"@.*"(.)?$)/)
        ? `"/node_modules/${maybeAppendJS(eval(x))}";`
        : x;


const maybePatchImport = (x) =>
    x.startsWith("import ")
        ? x.split(/\s/).map(maybePatchURL).join(" ")
        : x;


async function maybeRewriteImportStatements(event) {

    let candidate = event.request.url;
    const url = maybeAppendJS(candidate);

    const resp = await fetch(url);

    if (!resp.headers.get("content-type").startsWith("text")) {
        const text = await resp.text();
        const newText = text.split(/\n/g)
            .map(maybePatchImport)
            .join("\n");

        return new Response(newText, {headers: resp.headers});
    }

    if (resp.headers.get("content-type").startsWith("text/")) {
        const location = `${url.substring(0, url.length - 3)}/index.js`;
        return new Response(null, {status: 302, headers: {location: location}});
    }

    console.log("Service worker should never get here");

}

this.addEventListener('fetch', (event) => {
    if (event.request.destination === "script" || event.request.referrer.endsWith(".js") || event.request.url.endsWith(".js")) {
        event.respondWith(maybeRewriteImportStatements(event));
    }
});

Answer 1

通过每晚升级到Firefox（62.0a1.20180611-1）来解决这个问题。

Firefox服务工作者（作为代理）似乎工作，但JS模块永远不会运行

1 个答案: