javascript - 我可以将 chrome 扩展应用程序嵌入到我的主要 AngularJS 应用程序中吗?

标签 javascript angularjs google-chrome-extension google-chrome-devtools

我一直在做大量的阅读和研究以弄清楚。

我基本上只是想让我的主要 AngularJS 应用程序运行,但也包括一个嵌入式 Chrome 扩展应用程序 - 在这种情况下,有定期安排的警报(使用 chrome.alarm API)。

我希望我的 AngularJS 应用程序的所有用户都可以自动访问 Chrome 扩展应用程序,它嵌入在主客户端中,具有许多其他 Angular 功能。

我似乎必须在我的浏览器上以开发人员模式手动启用我的 Chrome 应用程序,甚至将我的 Chrome 应用程序专门拖到我的 Chrome 浏览器中的某个位置。我不明白最终用户怎么会自动使用我的 Chrome 应用程序。

我需要在这里补充一点,我从来没有真正使用过 jQuery,只使用过 AngularJS,但广泛使用过 AngularJS。我的 AngularJS 应用是前端,后端由 Rails 提供。

一些建议会很有帮助。我希望我没有被否决,因为有时问题会被否决是很奇怪的,我不确定为什么......我真的不知道这个问题还能去​​哪里。

编辑:

好的一些代码来演示:

myangularapp.controller('myappcontroller', function($scope, $http) {

var delayvar = 5;

 chrome.alarms.create("arandomalarm", {delay: delayvar});


};

这不仅是我的 AngularJS 的一部分,我还尝试在 app/assets 文件夹中创建一个 manifest.json 文件。以及那里的 background.js 文件和 my-chrome-app.js 文件。 “chrome.alarms”未定义,但我还没有启用开发者模式。但是,如果只是为了让我使用它,最终用户应该如何使用它我需要做这么多特定的浏览器配置?

最佳答案

你应该看看Content Scripts然后在 Message Passing其中解释了如何在网页和 Chrome 扩展程序之间进行通信。

关于javascript - 我可以将 chrome 扩展应用程序嵌入到我的主要 AngularJS 应用程序中吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30813509/

相关文章:

javascript - 过滤子文档数组,同时如果为空仍返回父数据

javascript - 使用确认模式删除数据

angularjs - ionic-header-bar 和 ion-header-bar 有什么区别?我什么时候必须使用它们中的每一个?

javascript - 如何清除模糊时的无效日期字段? (AngularJS)

google-chrome - Chrome 扩展 : Unchecked runtime. lastError:无法解析或设置名为 "ASP.NET_SessionId"的 cookie

javascript - 无法设置未定义的 angularjs 的属性 'students'

javascript - 使用父级 React 元素的 this.props 重复子级

css - 使用 webpack 更改路由时如何卸载 css?

css - 使用 browser_action 应用 css 样式

javascript - Chrome 扩展程序无法在按下按钮时注入(inject)代码