使用浏览器视图在浏览器窗口上设置覆盖



我正在处理一项任务,该任务需要在显示应用程序的现有浏览器窗口上进行覆盖。覆盖的目的是在通过浏览器窗口加载的应用程序中放置了一些对象的特定点上绘制一些圆圈(基本上,覆盖只是突出显示这些对象并提供删除选项(。

我的挑战是如何加载覆盖以及它应该是什么样子:我想它将是一个反应组件,我可以在浏览器视图中以某种方式加载(我还没有弄清楚这一部分(。其想法是通过ipc通信访问放置在应用程序上的对象。

我看到浏览器视图加载了一个url,但我不知道如何在其中加载react组件(甚至不知道是否可以这样做(。

另一个挑战是如何在加载应用程序后显示覆盖(通过使用设置边界和设置背景色,我看到浏览器视图被显示,然后应用程序加载并放置在浏览器视图内容的顶部(。

如果你能建议我实现这种叠加效果的其他方法,我愿意接受建议,任何想法/建议都将不胜感激。

谢谢。

只是一个建议。为什么不创建一个新的透明浏览器窗口并将其覆盖在当前窗口上呢。通过ipc在窗口之间共享覆盖组件数据。

或者,如果可以的话,通过http在电子应用程序中共享运行本地服务器的数据。我总是觉得这相对容易,因为你不必一直发送消息来同步数据。但这也有缺点。

我最终使用了loadUrl和preload-js的组合:我加载了一个基本的html文件,其中有一个div,它有一个id,我在web首选项中为浏览器视图指定,以加载一个js文件,在那里我操作该html,并创建将用事件侦听器填充的对象以供单击。

最新更新