electron webview iframe执行preload (nodeintegrationinsubframes)

最新推荐文章于 2024-09-29 12:18:30 发布
最新推荐文章于 2024-09-29 12:18:30 发布
阅读量2.5k 收藏 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 8928
使用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 3476
注意：本文基于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 2664
Electron内通过 webview标签实现网页内嵌动态切换技术
Electron 主进程与渲染进程、预加载preload.js
最新发布
咸鱼滚滚
09-29 1275
每个 Electron 应用都有一个单一的主进程，作为应用程序的入口点（主进程具有唯一性）。任何 Electron 应用程序的入口都是 main 文件，负责控制应用的生命周期、创建和管理窗口、与操作系统进行交互等。 主进程在 Node.js 环境中运行，它具有 require 模块和使⽤所有 Node.js API 的能力。 主进程的核心：使用 BrowserWindow 来创建和管理应用程序窗口。
Electron webview 内网页 与 preload、 渲染进程、主进程的常规通信 以及企业级开发终极简化通信方式汇总
王森的博客
10-17 2979
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 5252
在使用过程中如果需要使用嵌入Web页面，可以使用，因为BrowserView对新版本的Electron支持性更好，而且拥有窗口化最大控制权限。
electron 样式不加载_Electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等...
weixin_35529208的博客
12-24 1688
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld：Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试：在上面搭建好项目以及知道怎样进行调试后如果要想将某些web网页内嵌进来，类似于iframe的效果。注：实现显示webview首先在html中添加webview标签直接通过src属性设置要内嵌的网页的地址。然后打开mai...
Electron获取webview中ajax请求内容的方法
01-15 9216
Electron中，可以通过WebRequest监听webview中请求的各个阶段，并且获取或修改请求头和响应头。 但却没有提供获取请求内容的方法。那么如何获取请求内容呢？ 首先，我们可以通过比较暴力的方法，就是在webRequest.onCompleted时，重新利用如http模块，对url再发送一次请求，从而获取请求内容。 但这个方法也有弊端，那就是，某些ajax请求，是不能重复的，尤其...
electron preload
DisMisPres的博客
09-17 1971
背景 最近手头的 electron 项目需要做一个报告导出的功能，导出时要弹出个页面，可让用户自行补全相应的字段。 由于公司已有现成的笔录工具，现直接将其集成进来，用 webview 直接展示其笔录页面，将已有的值传给笔录。 webview 简介 electron 的 webview 标签时基于 Chromium webview ，由于 Chromium 的架构变化巨大，会影响 electron webview 的稳定性，包括呈现、导航和事件路由。所以 electron 团队不建议使用 webview 标
electron中使用webview
qq_43447509的博客
02-15 3663
使用webview标签 <webview src="https://www.baidu.com" preload="./preload.js"></webview> 向webview注入JS // preload.js const { contextBridge } = require('electron') contextBridge.exposeInMainWorld('apiKey', { fn: () => {} }) // 在webview页面使用 wind
electron监听网页_Electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等...
weixin_34552961的博客
02-23 1783
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld：Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试：在上面搭建好项目以及知道怎样进行调试后如果要想将某些web网页内嵌进来，类似于iframe的效果。注：实现显示webview首先在html中添加webview标签直接通过src属性设置要内嵌的网页的地址。然后打开mai...
electron webview加载preload时候提示$ is not defined
笔记、经验、日常分享
03-23 3305
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 6621
在你的入口文件下我的是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加载第三方登录页面，若页面重定向的网址非我们想要的，如何拉起浏览器去加载？
Wonder233的学习博客
10-27 8141
需求背景： 在软件里加入第三方登录小窗进行软件的登录。 方案 方案一 第一个方案决定使用 iframe 加载第三方 web 登录网址。但是发现当页面点击登录重定向到二级过度登录页面时，会报跨域的错误。 方案二 于是决定尝试使用 webview 来内嵌这个第三方登录页面。 踩坑过程 electron : 10.0.1 vue : 2.5.16 1、在主进程里需要允许主窗口使用 webviewTag： const win = new Browser({ ..., webPreferences: {
electron 怎么停止 webview的preload
帅呆了我的高
06-23 3021
目前没有想到其他办法去清除这个preload，目测是只要第一次加载到webview里面就会一直有作用 唯一想到的办法就是写2个webview，一个专门用来获取页面元素，一个专门用来展示页面，这样就不会在展示页面的时候preload还会再获取元素，嘿嘿...
Electron常用api之webview
duansamve的博客
09-03 2990
webview作用上类似于HTML里的iframe标签，但跑在独立进程中，主要出于安全性考虑......
Electron学习笔记（十）—— 常用api____webview
qq_37899792的博客
04-03 2556
webview标签用于集成 'guest（访客）' 内容（比如外部的网页）在你的 Electron 应用内。它们类似于iframe，但是不同的是每个 webview 运行在独立的进程中。 作为页面它拥有不一样的权限并且所有的嵌入的内容和你应用之间的交互都将是异步的。 这将保证你的应用对于嵌入的内容的安全性。 webview 是 行内元素 <webview src="https:...
Electron学习： nodeIntegration设置为true后require is not defined
weixin_40995362的博客
06-01 644
electron 渲染进程无法使用require问题
electron中preload.js文件的用法
于坤
04-25 1429
preload.js文件在Electron应用中起着桥梁的作用，使得在保持安全的同时，渲染进程可以访问主进程的功能。通过精心设计preload脚本，可以有效地加强应用的安全性，避免直接暴露过多的Node.js API给可能的前端攻击面。
Electron使用preload预加载及安全策略
qq_30386941的博客
10-27 9945
使用 Electron 很重要的一点是要理解 Electron 不是一个 Web 浏览器。它允许您使用熟悉的 Web 技术构建功能丰富的桌面应用程序，但是您的代码具有更强大的功能。JavaScript 可以访问文件系统，用户 shell 等。这允许您构建更高质量的本机应用程序，但是内在的安全风险会随着授予您的代码的额外权力而增加。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值