WebExtensions的问题:第二个注入的脚本看不到第一个

时间:2019-06-30 11:29:59

标签: javascript google-chrome-extension firefox-webextensions

我需要创建应使用适用于Javascript的Amazon AWS开发工具包的Firefox WebExtension。因此,为了使用其功能,我尝试将此类脚本注入已加载的页面:

<script src="https://sdk.amazonaws.com/js/aws-sdk-2.485.0.min.js"></script>
<script>My code using AWS functions</script>

当我刚创建这样的页面时,它运行良好:

<html>
<body>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.485.0.min.js">
<script">console.log(AWS)</script>
</body>
</html>

然后,我尝试使用WebExtensions内容脚本将此代码注入到加载的页面中:

var s1 = document.createElement('script');
s1.src = "https://sdk.amazonaws.com/js/aws-sdk-2.485.0.min.js";
document.body.appendChild(s1);

var s2 = document.createElement('script');
s2.textContent = "console.log(AWS);";
document.body.appendChild(s2);

脚本已成功注入,但是在这种情况下,第二个脚本返回错误:“未定义AWS”。

我该如何解决?

谢谢:)

0 个答案:

没有答案