Browser 用于侦听请求和捕获屏幕截图的跨浏览器解决方案

Browser 用于侦听请求和捕获屏幕截图的跨浏览器解决方案,browser,cross-browser,greasemonkey,bookmarklet,Browser,Cross Browser,Greasemonkey,Bookmarklet,我需要创建一个plugin/extension/bookmarklet/greasemonkey脚本,允许用户捕获任意请求并将它们发送回带有一些标记的web服务。例如,用户将进入一个页面并单击“捕获”,他们将看到一个对话框,要求他们提供一些标记和/或描述,然后将当前窗口位置发送给web服务。这里有一个陷阱: 用户还应该能够查看异步请求,并以与捕获窗口位置相同的方式“捕获”它们 用户应该能够捕获当前页面的屏幕截图,并通过web服务将其发送回 考虑到最后两个复杂问题,我倾向于使用浏览器插件作为解决方

我需要创建一个plugin/extension/bookmarklet/greasemonkey脚本,允许用户捕获任意请求并将它们发送回带有一些标记的web服务。例如,用户将进入一个页面并单击“捕获”,他们将看到一个对话框,要求他们提供一些标记和/或描述,然后将当前窗口位置发送给web服务。这里有一个陷阱:

  • 用户还应该能够查看异步请求,并以与捕获窗口位置相同的方式“捕获”它们

  • 用户应该能够捕获当前页面的屏幕截图,并通过web服务将其发送回


  • 考虑到最后两个复杂问题,我倾向于使用浏览器插件作为解决方案(可能是firefox,因为低级http内容似乎比chrome更受支持),但我想知道是否有人想到了一个更跨浏览器的解决方案,或者如果有什么东西可以为这类事情提供一个好的API。

    没有一个跨浏览器的解决方案可以捕获所有请求。对于Firefox,您将实现并在
    内容策略
    类别中注册您的组件。对于Chrome,您需要(WebKit浏览器中的
    beforeload
    事件也会做同样的事情,但它不会捕获所有内容,它也有)


    至于网页截图,在Firefox扩展中可以通过使用HTML
    标记和调用。然后可以通过
    canvas.toDataURL()
    导出数据。我不知道WebKit浏览器还有其他选择。允许在Chrome中执行相同的操作。

    我发现了这个方法,它可以提供对屏幕捕获的支持。你是对的,我编辑了我的答案以反映这种可能性。