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

Posted

技术标签:

【中文标题】我可以将 chrome 扩展应用程序嵌入到我的主要 AngularJS 应用程序中吗?【英文标题】:Can I embed a chrome extension app as part of my main AngularJS app? 【发布时间】:2015-08-29 01:55:04 【问题描述】:

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

我基本上只希望我的主要 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”未定义,但我还没有启用开发者模式。但是,如果只是为了让我使用它,我需要做这么多特定的浏览器配置,最终用户应该如何使用它?

【问题讨论】:

问题不只是为了反对而反对,当问题不符合 *** 政策时,问题会被反对,只是,例如,在你的问题中,你应该添加一些代码来解释你想要做什么 每一个代码都是独一无二的,我们无法猜测,如果你很精确,你可能会得到更多的答案,如果你不精确,那么很难回答是正常的 我理解,但并不是每个问题都真正受益于代码,具体取决于受众和问题。在这种情况下,我什至不知道从哪里开始开发。我确实包含了一些代码,这样我希望不再被否决,并且将来总是会包含代码。这是一个上下文问题,代码可能无法帮助大多数人首先帮助我。 放轻松,兄弟,感谢您的编辑,我对您的问题投了赞成票(投反对票的意思是,请编辑您的问题以符合 SO 规则,仅此而已)阅读 ***.com/help/how-to-aski知道downvote 一开始并不容易理解......无论如何它绝不意味着“你的问题很无聊”或类似的东西,它只是保持网站清洁和所有人可用的规则!,它没有义务每次都添加代码。只需阅读我发送给您的页面即可。 这样想:SO 是程序员的***页面,当你在上面发帖时,很多像你这样的专业人士会花时间回答你的问题,至少要做的是匹配 SO 规则和提出问题 作为一个 wiki 问题,不要只为自己考虑问题,而是为每个人考虑问题……我花了时间整合所有这些规则 【参考方案1】:

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

【讨论】:

请注意,这并不能回答有关嵌入扩展的问题。【参考方案2】:

无法自动安装 chrome 扩展程序。用户必须从 chrome 商店安装它。

您可以通过从您的网页提供内联安装来让他们更轻松地安装它。它在官方文档中,您可以在此页面上看到带有“添加到 chrome”按钮的示例:

http://plusfortrello.com(我的 chrome 扩展之一,在该页面内具有内联安装)。

如果用户不在 chrome 桌面上,该示例按钮会进一步自定义以显示一条消息。

如果您的扩展程序也有权访问您的网页,那么您还可以从您的网页中检测该扩展程序是否已安装(隐藏按钮、向其发送消息等)。

【讨论】:

以上是关于我可以将 chrome 扩展应用程序嵌入到我的主要 AngularJS 应用程序中吗?的主要内容,如果未能解决你的问题,请参考以下文章

Cordova:将浏览器 URL 共享到我的 iOS 应用程序(Clipper ios 共享扩展)

Chrome扩展程序获取所选文字

有啥方法可以将 Open Office 嵌入到我的应用程序中?

Chrome 扩展程序列表框问题

如何为Chrome的NodeJS专用DevTools添加扩展

JS 函数未定义 Chrome 扩展 Popup.js