第五章-处理多窗口 | Electron实战

现在，当Fire Sale启动时，它为UI创建一个窗口。当该窗口关闭时，应用程序退出。虽然这种行为完全可以接受，但我们通常希望能够打开多个独立的窗口。在本章中，我们将Fire Sale从一个单窗口应用程序转换为一个支持多个窗口的应用程序。在此过程中，我们将探索新的Electron APIs以及一些最近添加的JavaScript。我们还将探讨在将一个主进程配置为与一个渲染器进程通信，并对其进行重构以管理可变数量的渲染器进程时出现的问题的解决方案。本章末尾的完整代码可以在http://tinyurl.com/y4z9oj69。 然而我们从第4章-使用本机文件对话框和帮助进程间通讯的分支开始。

JavaScrtip之JS最佳实践

一、JavaScript之平稳退化 这边使用一个当用户点击某个页面内某个链接弹出一个新窗口的案例： JavaScript使用window对象的open()方法来创建新的浏览器窗口; window.open(url,name,features); 这个方法有三个参数: url:新窗口里打开的网页的url地址。如果省略这个参数(这个参数为空),屏幕上将弹出一个空白的浏览器窗口。 name:新窗口的名字。 featrues:这个参数是以逗号分隔的一个字符串,他的内容是新窗口的各种属性,如新窗口的宽,高,以及新窗口

谈一谈地址栏url的跳转

地址栏url是我们前端的重要组成部分，我们需要用到它进行页面跳转，页面传参。像我就经常用到地址栏传参的方法，但却很少用到修改地址栏的方法，近期就用到了这个修改地址栏参数的需求，发现意外的好用，于是今天就来总结一下地址栏的相关操作。

Fluid -6- 使用 Waline 评论系统

一两分钟后，满屏的烟花会庆祝你部署成功。此时点击 Go to Dashboard 可以跳转到应用的控制台。

Markdown 拓展-使用 vue.press 生成网站

VuePress V2 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown在新窗口打开 来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。

在新窗口中打开页面？小心有坑！

本文讲述了一种在新窗口中打开页面时需要注意的安全问题和解决方案。当使用window.open()在新窗口中打开页面时，可能会存在安全风险。例如，攻击者可以通过恶意脚本劫持新窗口中的页面，从而窃取用户的个人信息。为了防范这种安全风险，可以采用以下方法：使用noopener属性或window.open()并设置opner为空，这样新窗口将不会继承父窗口的任何属性。另外，也可以使用iframe来打开新窗口，并确保iframe中的内容安全。最后，如果必须在新窗口中打开页面，可以使用第三方库，如OpenURL，来避免安全风险。

在新窗口中打开页面？小心有坑！

产品需求来啦：点击页面上某个东西，要在新窗口中打开一个页面，注意！要在新窗口中打开。你呵呵一笑，太简单了：

javascript入门笔记2-window

3.confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。 语法:confirm(str); 参数说明: str：在消息对话框中要显示的文本 返回值: Boolean值

Selenium 4.0 Alpha更新实践

在Selenium 3中，EdgeDriver和ChromeDriver具有从RemoteWebDriver类继承的自己的实现。在Selenium 4中，Chromedriver和EdgeDriver继承自ChromiumDriver。ChromiumDriver类具有预定义的方法来访问开发工具。考虑下面的代码片段

浏览器中的JavaScript核心BOM（浏览器对象模型）重点掌握对象之Window对象的属性与方法

浏览器为我们提供了JavaScript运行的环境，同时也给我们提供了很多的对象，我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。常见的浏览器内置对象有：Window 、Location 、Navigator 、History 、Screen…… 本篇文章，我们就从最大的对象Window开始讲起，在本文的最后还附带讲述其它几个对象的文章链接

【Auto.js】使用Pro 8.0 API优化图色或无障碍的耗电问题

由于Auto.js目前的API都是同步的，要在屏幕中搜索某张图色或者某个控件时，必须无限循环查找，这实际上非常耗电。由于Rhino的限制，Auto.js无法直接提供异步API，这让Auto.js的脚本天生有一些缺陷。

基于electron快速将任意网站打包成跨平台的桌面端软件

之前有些用户和朋友希望我基于H5-Dooring开发一款桌面端应用, 最近刚好有时间, 就花了小半天时间使用electron开发了桌面端的软件Dooring-electron.

前端量子纠缠源码公布！效果炸裂！

最近，程序员群里流行一个比较火的一个视频，尤其是很多前端程序员都不由的赞叹此视频。视频内容是一个完全由前端完成的类似"量子纠缠"效果的项目。看完之后很多人表示前端白学了。原视频如下，作者为nonfigurativ。想象一下，当你在多个显示器前操作，每个显示器就像是一个窗口，通过这些窗口你可以观察到同一个3D场景的不同部分，而这一切都实现了无缝连接。这不仅仅是技术上的创新，更是用户体验上的大跃进！

前端量子纠缠源码公布！效果炸裂！

最近，程序员群里流行一个比较火的一个视频，尤其是很多前端程序员都不由的赞叹此视频。视频内容是一个完全由前端完成的类似"量子纠缠"效果的项目。看完之后很多人表示前端白学了。原视频如下，作者为nonfigurativ。想象一下，当你在多个显示器前操作，每个显示器就像是一个窗口，通过这些窗口你可以观察到同一个3D场景的不同部分，而这一切都实现了无缝连接。这不仅仅是技术上的创新，更是用户体验上的大跃进！

2-BOM

BOM(Browser Object Model) 浏览器对象模型 ---- 概念 将浏览器各个组成部分封装成对象 组成 Window：窗口对象 Navigator：浏览器对象 Screen：显示器屏幕对象 History：历史记录对象 Location：地址栏对象 (DOM对象因为十分重要被单独分类) BOM对象组成 📷 Window对象 /* Window窗口对象 1. 创建 2. 方法 1. 与弹出框相关的方法 alert() 显示带有一段消息和一个确认按钮的警告框。

外网爆火的“量子纠缠”前端代码已开源，抢鲜体验！

从视频中可以看出，当我们打开两个窗口时，两个量子之间竟然还存在相互纠缠，简直把前端代码发挥到了极致，如此奇妙的效果到底是如何实现的呢？

R沟通｜用xaringan包制作幻灯片

谢益辉写的xaringan包[1]，可以创建幻灯片。个人认为ppt的很多功能，它都能实现，接下来将通过几次推送对这个包（中文名：写轮眼）进行详细讲解。

5 Helpful jQuery Tricks（五个有用的jQuery技巧）

jQuery是一个优秀的Javascript框架。它是快速的，简洁的，轻量级的js库，使用户能够更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。它能够兼容各种浏览器，一直坚持的核心理念是WRITE LESS，DO MORE（写的更少，做的更多）。

window.open打开页面会被浏览器拦截问题解决

普通情况下window.open不会拦截，但若是在ajax的回调里面进行window.open，会拦截！因为浏览器会认为这是一个骚扰用户的行为。 在网上找到一些解决方案，总结如下。其中只有方案1、方案2个人验证过有效。其他未知orz...

Webpack实战-构建 Electron 应用

Electron 可以让你使用开发 Web 的技术去开发跨平台的桌面端应用，由 Github 主导和开源，大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。

Sweetest框架学习

https://github.com/tonglei100/sweetest.git

Python 图形化界面基础篇：打开和关闭新窗口

在 Python 图形用户界面（ GUI ）应用程序中，创建和管理多个窗口是一项重要的任务。这些窗口可以用于不同的用途，例如显示附加信息、执行特定操作或以其他方式改善用户体验。在本文中，我们将深入研究如何使用 Python 的 Tkinter 库来打开和关闭新窗口，并演示如何在应用程序中实现这些功能。

JavaScript学习（一）

使用<script>标签在HTML网页中插入JavaScript代码。<script>标签要成对出现，并且JavaScript代码写在<script></script>之间。

electron+vue从0到1实现一个桌面端日期时间倒计时软件实践（持续更新）

我正在参加跨端技术专题征文活动，详情查看：juejin.cn/post/710123…

Selenium提高：JS操作和cookie处理

上一篇基础篇： https://blog.csdn.net/weixin_43582101/article/details/90082023

动态调用js文件、外部js文件时，alert起作用 document.write不起作用

document.write()方法可以用在两个方面：页面载入过程中用实时脚本创建页面内容，以及用延时脚本创建本窗口或新窗口的内容。该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。 　　记住，在载入页面后，浏览器输出流自动关闭。在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流，它将清除当前页面内容(包括源文档的任何变量或值)。因此，假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量，使用一个document.write()方法完成写操作。不必清除文档并打开一个新数据流，一个document.write()调用就可完成所有的操作。 　　关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后，必须关闭输出流。在延时脚本的最后一个document.write()方法后面，必须确保含有document.close()方法，不这样做就不能显示图像和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。

Flash打开新窗口 被浏览器拦截问题 navigateToURL被拦截 真正试验结果

众所周知，打开新窗口以前经常被用作弹出广告用，而随着浏览器发展，现在估计除了ie6之外，基本都有广告拦截功能，最基本就是拦截这种非人为的弹出新窗口。 我对js研究不深，我所了解就是，必须是用户操作的处理过程中，用window.open才能顺利通过浏览器的拦截检查。 同样地，在Flash中，也有很多类似的安全限制，必须是用户操作才能触发一些危险代码的执行（例如，打开文件选择框）。 　　今天，在处理XXXX的时候，点击flash的按钮时，无法正常弹出新窗口。于是，今天专门好好研究一下这个问题。 正好，

py+selenium 无法定位ShowModalDialog模态窗口【已解决】

但是selenium无法定位到这类窗口，百度说是目前selenium不支持处理模态窗口。

js控制浏览器新开窗打开页面

在a标签有一个属性为target，将其值设置为“_blank“，即可新开一个窗口打开页面，那么通过js也可以控制打开新的窗口来开启页面。

FastAdmin 自定义事件中打开新窗口

压缩JS，提高代码执行速度

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

你的 Link Button 能让用户选择新页面打开吗？

我想表达的是「需要导航能力的可点击元素」（Link Button是为了方便沟通而创造的名词）

BOM

BOM 浏览器对象模型 定义了js操作浏览器的属性和方法 open(页面地址的url,打开的方式) 第一个参数，如果为空，默认打开一个空白的页码 第二个参数，如果为空，默认打开一个新的窗口打开

在新窗口打开链接

最近博主再用H+模板时候表单提交和链接都在新窗口打开，没看见target="_blank"，一直没查出来，苦恼N久，今天百度了如何用JS css等等实现网页所有链接在新窗口打开，终于找到了原因，因如下代码导致。 代码如下:

18.6.16日报

2，修复vscode不能加载新窗口的问题。主要是 script环境创建的太早，是在收到某个ipc消息就创建了。而

Python selenium webdriver 基本使用

本文就介绍了Selenium的常用内容：了解Selenium Webdriver 是干什么的

Typecho1.1文章内链接用新窗口打开的办法

想要文章里面的链接都用新窗口打开，可文章内容被封装起来了，根本没办法对标签进行修改。

视频流媒体播放器EasyPlayer.js截取base64编码快照显示不完整问题解决

我们不仅研发了很多视频流媒体服务器，对于一些播放器的需求者，我们也有EasyPlayer的视频流媒体播放器可以选择，目前EasyPlayerPro已经支持H265视频流的播放，EasyPlayer.js能够进行网页无插件的HLS视频流播放，极大方便了开发者在解决B/S型业务开发时遇到的播放器接入问题。

Selenium帮助你轻松实现浏览器多窗口操作

元素有属性，浏览器的窗口其实也有属性的，浏览器窗口的属性用句柄（handle）来识别。

前端开发必知：HTML、Vue和React中的跨域页面跳转解决方案

猫头虎博主今天将带你探讨在HTML、Vue和React环境下实现跨域页面跳转的技巧和方法。跨域页面跳转是前端开发中的常见需求，无论是基于纯HTML环境还是现代的前端框架如Vue和React，都有不同的实现方式。通过本文，你将了解到从基础的HTML标签，到Vue和React框架中的跳转方法，以及相关的安全考虑。现在就搜索“跨域页面跳转”和“前端页面跳转技巧”吧，一窥究竟！

软件测试面试题分享-No.5

会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。cookie通过在客户端记录信息确定用户身份，session通过在服务器端记录信息确定用户身份

JavaScript - Window.open 弹窗 详解

window.open( ) , 它会打开一个指定URL 的新窗口。 浏览器会打开一个新的选项卡URL，而不是独立的窗口。

跨平台应用构建工具

Electron 是一个可以用JavaScript，Html，Css构建桌面应用的库，可以打包部署到Mac，Windows，Linux上。 Chrominum + nodejs + Native api = Electron 两个进程 拥有两种进程：主进程 和 渲染进程。 主进程充当幕后角色，渲染进程是应用程序各个窗口。 主进程 通常是个命名为main.js的文件，该文件是每个Electron应用入口，控制了应用生命周期(从打开到关闭)。 既能调用原生元素，也能创建多个渲染进程。 渲染进程 是应用的一个

【小程序】页面事件

下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据

DOM 和 BOM

早起 JS操作不同浏览器的 API 没有标准，有严重兼容性问题，后来 W3C 制定了统一的操作网页内容的 API 标准 DOM，使用 DOM API 操作网页内容，几乎 100%兼容所有浏览器，它具有查找, 修改(内容,属性,样式), 添加, 删除的功能。

深入理解浏览器：Chromium 多进程架构详解

构建一个从不崩溃或挂掉的渲染引擎几乎是不可能的，构建一个完全安全的渲染引擎也几乎是不可能的。

网页跳转方法集合

有些网站经常要用到跳转，比如商务通啊，支付宝啊，下面是我总结的几种方法，包括HTML,JS,PHP

用python调用selenium获取浏览器新窗口的 cookie 信息

Cookie 是网站用于存储用户信息的一些数据文件，它们可以使网站记住用户的登录状态、偏好设置和本地内容等。Cookie 有两种类型：第一方 Cookie 是由您访问过的网站创建的，第三方 Cookie 是由其他网站创建的。

HTML标记之a标签

1.内部链接（当前文档与目标文档在同一站点内）； 　　　2.外部链接（当前文档与目标文档不在同一站点内）； 　　　3.E-mail链接（并允许访问者向指定的地址发送邮件）； 　　　4.锚点连接 跳转到同一网页或其他文档的指定位置：创建锚点，显示内容链接锚点，显示内容； 　　　5.空链接，就是没有目标端点的链接，显示内容； 　　　6.脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JS语句。