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)


相关推荐

  • windows server 2012r2安装iis_iis启动服务器

    windows server 2012r2安装iis_iis启动服务器1.进入服务器管理器,右键角色,添加角色服务,勾选灰掉的选项(这边截的图是已安装的)2.双击1中创建的internet服务器,右键添加网站,设置好网站名称、物理路径、ip地址、端口号等点击保存网站建立好之后,接着就要配置相关访问的权限、(http响应标头)跨域访问、ISAPI筛选器、请求筛选等3、配置好了网站,接下来就要配置防…

  • 苏州工业园区智慧党建星平台(福利院上班怎么样)

    背景需求:福利院属于民政社会保障的组成部分,是民政社会福利方向的业务之一,民政福利院等养老机构管理是面向公、私立的各种社会福利院、养老院、颐养院、养护院内部业务经办管理过程,服务的群体是困难老年人、孤老残障优抚对象、失独老年人、社会老年人。解决方案:民政养老服务信息管理解决方案主要帮助民政部门对养老行业实现信息化的管理。政府部门通过民政养老信息管理平台对养老基础数据采集、养老机构…

  • pycharm 2018.2.3激活码(最新序列号破解)

    pycharm 2018.2.3激活码(最新序列号破解),https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • 怎样优化电商网站_电商网站

    怎样优化电商网站_电商网站这是最近被问过最多的一个问题,很有必要整理成一篇文章来分享。本文讨论的是新接手一个电商网站,不是接手一个新电商网站。因此,网站默认为已运营一段时间,有历史数据可供参考。我一直主张基于数据分析的网站优化,特别是电商网站。同时,做事的时候,可以再加上一点点直觉。直觉是什么?直觉是一个人的学识再…

  • 滑动窗口 leetcode_滑动窗口的概念

    滑动窗口 leetcode_滑动窗口的概念原题链接给你一个整数数组 nums,有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。返回滑动窗口中的最大值。示例 1:输入:nums = [1,3,-1,-3,5,3,6,7], k = 3输出:[3,3,5,5,6,7]解释:滑动窗口的位置 最大值————— —–[1 3 -1] -3 5 3 6 7

  • 分布式CAP原理

    分布式CAP原理Consistentdata:    Operationscommitorfailintheirentirety(atomic)    操作的提交或者失败都是整体的(原子性)    Transactionsneverobserveorresultininconsistentdata(consistent)        事务不会导致不一致的数据  

发表回复

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

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