javascript - amp-script 允许自定义 JavaScript 访问哪些浏览器 API？

Question

现在我们有 <amp-script>它允许自定义的第三方 JavaScript 在 AMP 页面上运行，我正在尝试确定我是否仍然可以访问我现在在非 AMP 页面上收集的相同信息。例如。用户代理。我有以下示例，页面上有这段代码:

<amp-script layout="container" src="/javascripts/alert.js">
  Output message: <span id="outputMsg"></span>
</amp-script>

我在检索到的 JS 文件中有这段代码:

const req = new XMLHttpRequest();
console.log('XHR ctor works');

const collectedData = {
    userAgent: navigator.userAgent,
};
console.log('user agent accessible')

document.cookie = "key=value";
console.log('cookie set works');

document.getElementById('outputMsg').innerHTML = JSON.stringify(collectedData, null, 4);
console.log('DOM mutation works');

我的想法是，这会告诉我在 <amp-script> 强加的条件下允许运行哪些代码.我在控制台中得到以下输出:

Powered by AMP ⚡ HTML – Version 1905021827420 http://localhost:3000/search?searchterm=diamond
/javascripts/alert.js:32 XHR ctor works
/javascripts/alert.js:35 Uncaught ReferenceError: navigator is not defined
    at Object.<anonymous> (/javascripts/alert.js:35)
    at /javascripts/alert.js:45

所以我可以看到有些事情是允许的，有些事情是不允许的。我能够重新排列该代码以确定该示例中唯一不允许的是访问 navigator。对象。

是否有允许 AMP 页面使用 <amp-script> 执行的操作的白名单？ ？我查看了他们的官方文档，但找不到此信息。

Answer 1

自 <amp-script>由 WorkerDOM 提供支持，查看此内容的最佳位置是 WorkerDOM 文档。

具体来说，有一个WorkerDOM compatibility您可以在其中查看当前可用的 API 的表格。

说到 navigator对象，这应该通过 WorkerNavigator 支持.尝试使用 self.navigator.userAgent相反，这应该有效。