使用 Chrome 扩展内容脚本注入 Angular 8 应用程序

Question

我正在尝试在 Angular 8 中构建一个 chrome 扩展，比如AMZScout Pro ，我按照这个博客上的教程进行了操作，但是，这和弹出行为一样有效。

我想要的是将整个 angular 应用程序注入访问的网站，而 AMZScout Pro 究竟做了什么，但问题是我不知道如何引导 angular 8 应用程序并在content_scripts 中使用它

另外，另一个问题是，拥有像AMZScout Pro这样的 chrome 扩展的最佳框架是什么？

Answer 1

在您的清单中创建一个web_accessible_resource ，并向其中添加一个 html 页面。

然后，在您的内容脚本中创建一个 iframe，并将chrome.runtime.getURL('path/to/page.html')为其源。

在你的page.html ，添加一个脚本标签来引导你的 Angular 应用程序。