1

我正在尝试使用content script. 我的目标是在页面顶部（已经在我自己的页面上工作）显示可以与页面交互。

由于安全策略，我需要将非常复杂的东西放在扩展中：

  • 在扩展上使用require.js（现在可以使用，使用这个 Github repo）
  • 使用模板引擎来描述我的显示：我需要向页面添加大量内容，我认为用 javascript 编写 HTML 不是一个好的工作流程。
  • 对于我当前的版本，我在我的服务器上使用了翡翠，但这对于扩展是不可能的。我想我需要使用类似Angular.jsor的东西Backbone.js，但我不能让它们在内容脚本上工作。
  • 我的扩展程序和页面之间需要大量通信：例如，我需要检测几乎不断的鼠标移动
  • 我需要使用与我的服务器通信socket.io

我的扩展程序的每一个功能都已经在一个独立的网页中开发和尝试过，但现在我需要将它集成到一个真正的扩展程序中，我真的被卡住了

所以由于这些要求，我想知道构建这个的正确方法是什么：把它全部放在一个 iFrame 中（服务器端通信会工作吗？以及如何与页面通信？），或者一种方法来制作模板引擎在那里工作得很好，还是我没有想到的解决方案？

4

1 回答 1

2

尝试这个：

  • 将 HUD 部分开发为内容脚本将包含在 iframe 中的独立页面。您应该能够使用 Angular.js等，但您需要尽可能多的本地副本，并且您需要在扩展中使用适当的条目以manifest.json使其在扩展中工作。有关详细信息，请参阅/创建其他问题。

  • 让您的内容脚本将监控鼠标移动等的代码注入目标页面。让这段代码消化和总结数据，这样它就不会向系统发送垃圾邮件。可能每秒向 HUD 页面和/或内容脚本发送五六次摘要。

在那之后，它应该只是让这些部分工作的问题，一次一个。将其分解为具体问题，并一次针对一个具体问题提出问题（如果您在之前的问题中找不到答案）。

我很确定您似乎想要的是可行的，但是对于单个 Stack Overflow 问题来说，细节太宽泛了。

于 2013-04-11T22:05:45.883 回答