electron preload 提前_electron vue3

electron preload 提前_electron vue3背景最近手头的electron项目需要做一个报告导出的功能,导出时要弹出个页面,可让用户自行补全相应的字段。由于公司已有现成的笔录工具,现直接将其集成进来,用webview直接展示其笔录页面,将已有的值传给笔录。webview简介electron的webview标签时基于Chromiumwebview,由于Chromium的架构变化巨大,会影响electronwebview的稳定性,包括呈现、导航和事件路由。所以electron团队不建议使用webview标

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

背景

最近手头的 electron 项目需要做一个报告导出的功能,导出时要弹出个页面,可让用户自行补全相应的字段。

由于公司已有现成的笔录工具,现直接将其集成进来,用 webview 直接展示其笔录页面,将已有的值传给笔录。

mspaint手绘图

webview 简介

electronwebview 标签时基于 Chromium webview ,由于 Chromium 的架构变化巨大,会影响 electron webview 的稳定性,包括呈现、导航和事件路由。所以 electron 团队不建议使用 webview 标签。

注意:默认情况下,electron >= 5禁用 webview标签。 在构造 BrowserWindow 时,需要通过设置 webviewTag webPreferences选项来启用标签。

var win = new BrowserWindow({ 
   
    height: 1040,
    width: 1920,
    backgroundColor: 'radial-gradient(#1b5083, #010204)',
    webPreferences: { 
   
      webviewTag: true
    }
  })

Jetbrains全家桶1年46,售后保障稳定

iframe 不同, webview 独立于您的应用程序运行。 它拥有和你的页面不一样的权限并且所嵌入的内容和你应用之间的交互都将是异步的。 这将保证你的应用对于嵌入的内容的安全性。 注意: 从宿主页上调用 webview 的方法大多数都需要对主进程进行同步调用。

preload

webviewpreload 属性只支持 file: 协议

<webview src="https://www.github.com/" preload="file://E:/test/preload.js"></webview>

总结

webviewpreload 只支持 file 协议,打包成 asar 后,要注意和开发环境的相对位置关系。
但是不建议使用 webview,可以新建个窗口再放外部链接。

本篇属于 electron 初识,如有表述不当,望指出改正。

参考

1. electron文档 webview篇
2. electron webview加载远程preload方法

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/213476.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(1)


相关推荐

  • UML时序图简析[通俗易懂]

    UML时序图简析[通俗易懂]前言在嵌入式软件开发中,必然会遇到与其他控制板卡或者服务器通信的情况。比如,制作一个无线远程控制系统。系统分为,输入设备,云端服务器,执行设备。其中输入设备,用户可以通过设备上的触摸屏进行交互,控制或者监测远程设备云端服务器,收发终端,接收输入设备的命令,并将其转换为执行设备可识别的信号发送到可执行设备。执行设备,执行服务器发送过来的命令,并且反馈当前的设备的一些状态.简单如下图所示。一般,这样的系统需要多人共同协作完成,输入设备的开发人员负责输入设备开发,云端负责云端,执行端负责执行端

  • ftp客户端发起对ftp服务器_ftp登陆命令

    ftp客户端发起对ftp服务器_ftp登陆命令FTP是一个C/S类型的软件,连接服务端需要FTP客户端才能完成,常见的FTP客户端有以下几种:浏览器:可以通过浏览器中输入ftp://ip或者ftp://域名的方式3分钟了解计算机发展历史-组团学来访问FTP自带客户端:命令行下可以使用ftp命令去连接三方客户端:FileZilla8uftp图形软件或者文本界面的lftp等三种方式中,文本界面是比较麻烦的,无法鼠标流。所以我重点给大家讲解一…

    2022年10月21日
  • pytest 执行用例_测试用例执行结果有哪些

    pytest 执行用例_测试用例执行结果有哪些前言平常我们功能测试用例非常多时,比如有1千条用例,假设每个用例执行需要1分钟,如果单个测试人员执行需要1000分钟才能跑完当项目非常紧急时,会需要协调多个测试资源来把任务分成两部分,于是执行时间

  • Mac录屏同时录制系统声音和画外音(Soundflower无法安装解决方案)「建议收藏」

    Mac录屏同时录制系统声音和画外音(Soundflower无法安装解决方案)「建议收藏」个人博客地址:xzajyjs.cn前言以前一直有录屏的需求,但苦于自带的QuickTime无法录制内屏声音,一直使用的是第三方的app。近期开腾讯会议需要录屏,但主持人本身没有开启录屏权限,只好通过我本机端进行录制。然后我使用的第三方app虽然能录制系统声音,但无法录制腾讯会议的声音,录了一个半小时竟然是哑剧!一怒之下删掉了原来的那个app,重新探寻QuickTime录屏之路。网上一番寻找,很多教程都说要安装Soundflower这个音频插件,但在他们的github逛了一圈后发现这个插件早就停止维

  • LSTM详解 反向传播公式推导[通俗易懂]

    LSTM详解 反向传播公式推导[通俗易懂]部分参考:http://colah.github.io/posts/2015-08-Understanding-LSTMs/1.结构1.1比较RNN:LSTM:其中的notation:1.2核心思想:LSTM在原来的隐藏层上增加了一个ThekeytoLSTMsisthecellstate,thehorizont…

  • 汉语转彝族语_别知己的彝语翻译汉语意思

    汉语转彝族语_别知己的彝语翻译汉语意思https://www.zhihu.com/question/67981381/answer/276584599作者:少学汉链接:https://www.zhihu.com/question/679

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号