electron 多窗口通信

2026-09-04

HTML5 postMessage 和 localStorage 实现窗口间通信

LocalStorage(不能跨域) 基本思想:通过localStorage的标准事件storage来实现跨页面通信,即页面A通过写入特定数据触发页面B的storage事件,页面B响应之后再写入数据通知页面A处理结果: 引言随着Web技术的发展,涌出了越来越多的复杂的应用.诸多Web应用逐渐向增强用户体验方向发展.在诸如付款.在线聊天等场景中,有时需要多页面进行数据通信.以前的实现方法有cookie.服务器中转.Flash插件等方法,而HTML5提供了新的LocalStorage API,能够

MFC 多窗口通信时，使用RadioButton和Button时冲突问题

最近项目需要我们实现在两个窗口间进行通信,其中有个小功能如图所示: 当我点击GDIProgram中的Button1时,会更新Dialog的Radio1和Radio2的状态. Dialog中的Radio1和Radio2是一组单选按钮,Dialog中的Button1和Button2的单击事件都不会去更新Radio1和Radio2的状态. 当我执行以下操作步骤时 1)鼠标点击Radio1 2)点击GDIProgram中的Button1,此时会更新Dialog中单选按钮的状态,Radio2被选中 3)点

electron 的窗口设置最大化最小化

/** * Created by Administrator on 2016/11/23. * 页面对窗口的一些操作封装,用于渲染进程 */ "use strict"; const Common = require('../../window/common.js'); const { ipcRenderer, remote } = require('electron'); const WinReg = require('winreg'); const RUN_LOCATION = '\

实现两个窗口通信方法－postMessage

此方案可解决跨域而且跨Iframe,而且http和https之间的交互首先来看一下基本的语法 otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow 其他窗口的一个引用,比如iframe的contentWindow属性.执行window.open返回的窗口对象.或者是命名过或数值索引的window.frames. message 将要发送到其他 window的数据.它将会被结构化克隆算法序列化.这意味着你可

electron测试TCP通信

这几天学习了一下Elctron,对于这个应用有了一点简单的认识,将这个过程记录一下. 首先,electron会加载main.js,在这里将整个程序启动,相当于其他程序的main函数了. 我是基于electron-api-demos来简单改写的,所以将服务器端放到了main-process文件夹,在这个文件夹中的js文件,会在启动的时候被require进来,驻在后台,可以通过设置断点调试了.PS:使用的是VS Code 然后就是使用IPC通信来完成这个服务器端的工作,ipcMain在服务器端的接收

javascript父窗口与子窗口通信

在父窗口的js代码 //回调的函数 function alt(temp){ alert(temp); }; $("#Btn").click(function (obj) { //声明子窗口触发的方法; window.returnCallBackValue354865588 = alt; //打开新的窗口 window.open(str, "roleSelect", 'height=300,width=400,top=0,left=0,toolbar=no,menub

electron 创建窗口2

/** * 窗口管理类,单例,负责创建所有窗口,保存窗口实例 */ const path = require('path'); const os = require('os'); const EucWindow = require('./euc_window'); /** * 窗口管理类,单例,负责创建所有窗口,保存窗口实例 */ class WindowManager { constructor() { this.main = null; this.about = null; this.set

C#-MDI-多窗口通信方法总结

总结C#中窗体间传递数据的几种方法 (由别人的方法整理) 转自:http://blog.csdn.net/daisy423xu/article/details/1579854 在编写C#windows应用程序的时候我们经常会遇到这种问题,怎么样在两个窗体间传递数据呢?以下是我整理的网上的各种方法,在遇到一个实际问题:在form1中打开一个form2窗口作为录入界面,将录入的值经转换后在form1中显示. 采用了委托的方法,可以实现.(与VC的回调的应用相似) 1．可以通过委托的方法来解决问题:

electron创建窗口常用配置参数

{ "width": 800,//指定窗口的宽度,单位: 像素值. 默认是 800 "height":600,//指定窗口的高度,单位: 像素值,. 默认是 600 "minWidth":400,//窗口的最小宽度,单位: 像素值, "minHeight":300,//窗口的最小高度,单位: 像素值, "title":"测试窗口",//窗口的默认标题 "center"

【Electron Playground 系列】窗口篇

作者:Kurosaki 本文主要讲解Electron 窗口的 API 和一些在开发之中遇到的问题. 官方文档虽然比较全面,但是要想开发一个商用级别的桌面应用必须对整个 Electron API 有较深的了解,才能应对各种需求. 1. 创建窗口通过BrowserWindow,来创建或者管理新的浏览器窗口,每个浏览器窗口都有一个进程来管理. 1.1. 简单创建窗口 const { BrowserWindow } = require('electron'); const win = ne

【Electron Playground】Electron 窗口问题汇总

作者:Kurosaki 本节旨在汇总在开发Electron 窗口可能遇到的问题,做一个汇总,后续遇到问题会持续更新. 1. 窗口闪烁问题. const { BrowserWindow } = require('electron'); const win = new BrowserWindow(); win.loadURL('https://github.com'); 使用new BrowserWindow() 创建出窗口,如果不作任何配置的话,窗口就会出现,默认是白色的:这个时候使用win.lo

html5 窗口之间的通信

一般窗口通信分为三种: iframe嵌套:多个iframe之间通信. 父页面操作子页面元素:oFrame.contentWindow.document.body. 父页面调用子页面方法:oFrame.contentWindow.functionName(). 子页面调用父页面元素:window.top/parent/window <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l

electron开发客户端注意事项（兼开源个人知识管理工具“想学吗”）

窗口间通信的问题 electron窗口通信比nwjs要麻烦的多 electron分主进程和渲染进程,渲染进程又分主窗口的渲染进程和子窗口的渲染进程主窗口的渲染进程给子窗口的渲染进程发消息 subWin.webContents.on('dom-ready', () => { subWin.webContents.send('message', { title: self.$root.a[self.$root.aIndex].title, content:

electron --- 构建桌面应用

最近无意间看到了electron和nw的相关信息,感到很惊讶,因为学习前端也有一段时间了,竟然发现js还有这么强大的功能,因为js不仅可以写网页.写webapp.写hybrid,以及前不久出现的小程序,现在甚至已经可以用来写桌面应用了,从github上的star数已经快到50000就可以知道electron是多么火了,所以这里简单了解一下,以后有机会还是可以使用起来. electron官网 github 必看文章官网介绍如下:electron使用html.css.js构建跨平台的桌面应用.当前

[转] electron实战开发详细流程

[From] http://www.myk3.com/arc-8856.html 很久没有更新博客,人越来越懒了,唉说好做的electron教程距离上次玩electron已经过去了好几个月了.. 这次对electron做一个实战流程的介绍,关于electron的介绍,可以看这里 http://www.myk3.com/arc-4486.html 关于electron的demo安装,请看 http://www.myk3.com/arc-4483.html 使用 electron 您需要有一定的n

electron 开发拆坑总结

electron 总结前言有一个web项目需要用客户端来包装一下项目的主要业务都在服务器上所以项目的大多数功能都用url 地址来访问: 客户端登陆界面在本地打包客户端的本地登陆界面做为登陆入口: electron 开发中有一个概念需要理解我暂且叫主进程吗 main, 这个进程的控制在项目的配置 package.json 的main 字段中定义: main.js 作为electron 控制的后端入口, 基本的主要控制都是在这个文件里面定义 eletron 控制系统的接口很多也

vscode源码分析【七】主进程启动消息通信服务

第一篇: vscode源码分析[一]从源码运行vscode 第二篇:vscode源码分析[二]程序的启动逻辑,第一个窗口是如何创建的第三篇:vscode源码分析[三]程序的启动逻辑,性能问题的追踪第四篇:vscode源码分析[四]程序启动的逻辑,最初创建的服务第五篇:vscode源码分析[五]事件分发机制第六篇:vscode源码分析[六]服务实例化和单例的实现在mian.ts中的doStartup方法里,创建了一个命名管道服务 (src\vs\code\electron-main\ma

第一章 Electron介绍 | Electron in Action(中译)

Github 官方地址代表作: Visual Studio Code Atom - Code editor. Github开源的代码编辑器,Electron起源地 Visual Studio Code - Cross-platform IDE. 近几年最火的代码IDE Hyper - Terminal. 3万多星的命令行窗口,慌了! 其他本章主要内容理解Electron是什么学习Electron基于什么技术了解使用Electron和传统Web应用程序有什么不同构建Electron应用

electron 起步

electron 起步为什么要学 Electron,因为公司需要调试 electron 的应用. Electron 是 node 和 chromium 的结合体,可以使用 JavaScript,HTML 和 CSS 等 Web 技术创建桌面应用程序,支持 Mac.Window 和 Linux 三个平台. electron 的成功案例有许多,比如大名鼎鼎的 vscode. hello-world 官网有个快速启动的应用程序,我们将其下载到本地运行看一下. # Clone this reposit

jquery 获取父窗口的元素父窗口子窗口

一.获取页面元素取父窗口的元素方法:$(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document); 类似的,取其它窗口的方法大同小异 $(selector, window.top.document); $(selector, window.opener.document); $(selector, window.top.frames[0].document);

JS子父窗口互相操作取值赋值的方法介绍

$("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"): 取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document); 类似的,取其它窗口的方法大同小异$(se

electron 多窗口通信

热门专题