electron webview iframe执行preload (nodeintegrationinsubframes)

最新推荐文章于 2024-12-05 21:23:57 发布
最新推荐文章于 2024-12-05 21:23:57 发布
阅读量2.6k 收藏 2
点赞数 2
分类专栏： electron 文章标签： javascript webview vue electron js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/joy1793/article/details/115728518
版权
本文介绍了如何在Electron应用中，为webview的子iframe页面设置nodeIntegrationInSubFrames权限，确保preload.js脚本的正常运行，同时提供了一份main.js和index.html的代码示例。
摘要由CSDN通过智能技术生成

项目场景：

electron 项目，webview页面 的 子iframe页面 加载 preload.js

解决方案：

  • 在主线程 main.js 中 需要打开权限 nodeIntegrationInSubFrames: true
  • 在页面标签中也需要打开权限 nodeintegrationinsubframes
    main.js
async function createWindow() {
   
  // Create the browser window.
  const win = new BrowserWindow(
最低0.47元/天 解锁文章
electron框架的webview标签使用以及preload设置
amuist_ting的博客
03-29 9022
使用webview标签是为了在主页面中嵌入其他web页面内容，类似小窗口 使用webview 1.主窗口对应的页面index.html 其中使用<webview>标签，src引入需要内嵌的web页面路径，可以是本地文件，也可以是远程请求，例如src=“https://www.douyin.com/”，引入抖音官网主页 然后通过<script>引入渲染脚本 2.主窗口主进程入口文件main.js 该文件中，创建主窗口，并在创建过程中 通过设置webPref.
electron如何使用webpack打包webview标签中的preload文件
SDFGS54DGF5S4的博客
01-21 3519
注意：本文基于electron-vue项目（在vue2项目上运行vue add electron-builder命令搭建而成） 并在electron8.5.5及9.0.0测试过 在webview中开发者可以使用preload预加载并执行js文件 官方文档 网上以及官方的很多例子都是传入一个相对路径的String，并没有以file://开头。然而我这里只能传入String字符串并且是file协议的，electron会检测是不是以file://开头，不符合就会报错（不知道是不是我配置有问题还是啥…反正只要不以
【Electron】webview 实现网页内嵌
m0_64494670的博客
12-30 2799
Electron内通过 webview标签实现网页内嵌动态切换技术
webview预加载详解
最新发布
u011028777的专栏
12-05 390
WebView预加载是指在应用启动或某个页面即将展示之前，提前加载并初始化WebView组件及其内容（如网页、HTML、CSS、JavaScript等），以便在用户实际访问时能够快速呈现，减少加载延迟和提升用户体验。
Electron webview 内网页 与 preload、 渲染进程、主进程的常规通信 以及企业级开发终极简化通信方式汇总
王森的博客
10-17 3281
preload.js 就像插件的 content script 与网页的原生的环境还是隔离的，两个环境的变量互不影响，比如在 preload.js给 window 追加一个函数A，在原生网页中window.A 是 undefined，所以 preload.js 是沙盒环境。实际代码，其中__static就是我们存放静态文件的地方，这个 static 是 electron 源代码根目录下的文件，最终打完包后会放在 dist/electron/ 根目录下。
electron中的webview、iframe、BrowserView哪个好？如何选择(一)
SquirrelPineal的博客
07-20 5523
在使用过程中如果需要使用嵌入Web页面，可以使用，因为BrowserView对新版本的Electron支持性更好，而且拥有窗口化最大控制权限。
electron 样式不加载_Electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等...
weixin_35529208的博客
12-24 1707
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld：Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试：在上面搭建好项目以及知道怎样进行调试后如果要想将某些web网页内嵌进来，类似于iframe的效果。注：实现显示webview首先在html中添加webview标签直接通过src属性设置要内嵌的网页的地址。然后打开mai...
electron监听网页_Electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等...
weixin_34552961的博客
02-23 1797
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld：Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试：在上面搭建好项目以及知道怎样进行调试后如果要想将某些web网页内嵌进来，类似于iframe的效果。注：实现显示webview首先在html中添加webview标签直接通过src属性设置要内嵌的网页的地址。然后打开mai...
Electron获取webview中ajax请求内容的方法
01-15 9318
Electron中，可以通过WebRequest监听webview中请求的各个阶段，并且获取或修改请求头和响应头。 但却没有提供获取请求内容的方法。那么如何获取请求内容呢？ 首先，我们可以通过比较暴力的方法，就是在webRequest.onCompleted时，重新利用如http模块，对url再发送一次请求，从而获取请求内容。 但这个方法也有弊端，那就是，某些ajax请求，是不能重复的，尤其...
Electron为网页注入js预加载
fukami666的博客
03-24 7079
Electron为网页注入js预加载准备工作main.jspreload.jspackage.json遇到的问题下一步的方向 准备工作 首先我下载了一个 electron-quick-start 并安装 node.js 找到一个网页，我选择的是一个快速制作插画的网站 Picrew main.js 在main.js里可以修改弹窗的各种属性，我们需要的是 function createWindow () { const mainWindow = new BrowserWindow({ webPref
electron preload
DisMisPres的博客
09-17 2023
背景 最近手头的 electron 项目需要做一个报告导出的功能，导出时要弹出个页面，可让用户自行补全相应的字段。 由于公司已有现成的笔录工具，现直接将其集成进来，用 webview 直接展示其笔录页面，将已有的值传给笔录。 webview 简介 electron 的 webview 标签时基于 Chromium webview ，由于 Chromium 的架构变化巨大，会影响 electron webview 的稳定性，包括呈现、导航和事件路由。所以 electron 团队不建议使用 webview 标
electron webview加载preload时候提示$ is not defined
笔记、经验、日常分享
03-23 3314
electron 中 使用webview加载preload,提示$ is not defined解决方法。 // $ is not defined window.nodeRequire = require; delete window.require; delete window.exports; delete window.module;
前端学习之路Electron——实现iframe
HarryHY的博客
04-21 6668
在你的入口文件下我的是main.js let BrowserView = electron.BrowserView let view = new BrowserView(); mainWindow.setBrowserView(view); view.setBounds({x:0,y:120,width:1920,height:960}) view.webC...
electron webview会加载两次_electron中的ipc通信（三）
weixin_30586417的博客
01-15 1102
深圳的天气骤降，还是挺冷的，大家要注意保暖。微信公众号：[猫十二的日常]，欢迎留言和指出问题a上次写了关于ipc通讯的一些方式，主要都是web页面向主进程通讯，主进程回复通讯，这个感觉和http有点相似，发送一个http资源的请求，服务返回一个资源结果，现在我们主要看这两个点主进程主动推消息给web渲染进程的web渲染进程之间的通讯主进程向渲染进程主动通信这个可能就牵扯到了一个比较重要的...
【踩坑记】在electron中使用webview加载第三方登录页面，若页面重定向的网址非我们想要的，如何拉起浏览器去加载？
Wonder233的学习博客
10-27 8461
需求背景： 在软件里加入第三方登录小窗进行软件的登录。 方案 方案一 第一个方案决定使用 iframe 加载第三方 web 登录网址。但是发现当页面点击登录重定向到二级过度登录页面时，会报跨域的错误。 方案二 于是决定尝试使用 webview 来内嵌这个第三方登录页面。 踩坑过程 electron : 10.0.1 vue : 2.5.16 1、在主进程里需要允许主窗口使用 webviewTag： const win = new Browser({ ..., webPreferences: {
electron 怎么停止 webview的preload
帅呆了我的高
06-23 3026
目前没有想到其他办法去清除这个preload，目测是只要第一次加载到webview里面就会一直有作用 唯一想到的办法就是写2个webview，一个专门用来获取页面元素，一个专门用来展示页面，这样就不会在展示页面的时候preload还会再获取元素，嘿嘿...
Electron常用api之webview
duansamve的博客
09-03 3041
webview作用上类似于HTML里的iframe标签，但跑在独立进程中，主要出于安全性考虑......
Electron学习笔记（十）—— 常用api____webview
qq_37899792的博客
04-03 2577
webview标签用于集成 'guest（访客）' 内容（比如外部的网页）在你的 Electron 应用内。它们类似于iframe，但是不同的是每个 webview 运行在独立的进程中。 作为页面它拥有不一样的权限并且所有的嵌入的内容和你应用之间的交互都将是异步的。 这将保证你的应用对于嵌入的内容的安全性。 webview 是 行内元素 <webview src="https:...
Electron学习： nodeIntegration设置为true后require is not defined
weixin_40995362的博客
06-01 674
electron 渲染进程无法使用require问题
electron webview preload
10-25
Electron中的webview是一个可以嵌入其他网页的组件，而preload则是在webview中加载的预处理脚本。它可以在webview中的渲染进程中执行一些操作，例如向主进程发送消息或者修改DOM元素。但是需要注意的是，由于webview...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值