Chrome扩展程序后台脚本中的AngularJS

保罗·曼纳加

鉴于Angular已绑定到视图并在主扩展视图中引导,我认为简单的答案是“否,不可能”,但我想确认一下,因为我在任何地方都找不到确定的答案。

我的用例是该扩展将轮询API中的更新内容,并在找到扩展时更新扩展的标志。我希望能够从扩展的Angular代码库中重新使用我的API服务。

如果不可能,在Angular扩展和后台脚本之间共享代码的建议解决方法是什么?

保罗·曼纳加

感谢您提供@ Xan,@ harish的输入-根据您的反馈进行了更多调查,并找到了解决方案。本质上,我不是指向Chrome清单中的后台脚本,而是指向后台HTML页面,然后使用该页面来引导Angular应用程序。相关代码:

manifest.json:

...
"background": {
    "page": "/app/background.html"
}
...

background.html

<!DOCTYPE html>
<html lang="en" ng-app="MyApp" ng-csp>
    <head>
        <title>Background Page</title>
        <meta charset="UTF-8">
        <script type="text/javascript"
            src="/app/components/angular/angular.js"></script>
        <script type="text/javascript"
            src="/app/scripts/background.js"></script>
    </head>
    <body></body>
</html>

background.js

var app = angular.module('MyApp', []);

app.run(function() {
  console.log('Hello world');
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Chrome扩展程序中动态运行后台脚本?

Chrome扩展程序中的内容脚本和后台脚本到底是什么?

确切地说,Chrome扩展程序中的后台脚本何时开始运行?

无法在Chrome扩展程序中从后台页面向内容脚本发送消息

Chrome扩展程序:Background.html中的iframe导致后台脚本调整运行2倍

在Chrome扩展程序后台脚本上接收CORS策略

Chrome扩展程序后台页面和内容脚本同步

Chrome扩展程序:后台脚本捕获网络和HTTP错误

Chrome扩展程序:如何使后台等待执行脚本?

Chrome 扩展程序后台脚本在发布时未运行

Chrome扩展程序:仅在刷新后,后台脚本才会启动

Chrome邮件扩展程序:从注入脚本到后台

后台脚本中的 Chrome 扩展跨域请求被阻止

Chrome扩展程序中的Google Apps脚本?

Chrome扩展程序后台页面以编程方式注入的内容脚本多次注入

Chrome扩展程序,这是将消息从注入的脚本发送到后台的最佳方法

Chrome扩展程序:后台脚本仅在第一次正常运行

我可以将网页中的消息直接发布到扩展程序的后台脚本中,而不添加Chrome中的content-script吗?

在chrome扩展程序的浏览器操作,后台脚本和内容脚本之间进行通信的上下文和方法?

Chrome扩展程序-在内容脚本中接收请求

从注入的脚本中获取Chrome扩展程序调用函数

脚本无法在Chrome扩展程序中完全执行

Chrome扩展程序内容脚本中的Polymer元素

如何取消Chrome扩展程序内容脚本中的事件绑定?

Chrome扩展程序不显示内容脚本中的数据

从Chrome扩展程序中的内容脚本传递消息

我的 chrome 扩展创意是内容脚本还是后台脚本?

无法使用 chrome 扩展后台脚本在 google firestore 中添加数据

扩展程序弹出窗口中的iframe内容脚本或后台脚本