electron 如何控制 BrowserWindow 的新开窗口尺寸

在前面的文章中，苏南大叔讲述了如何控制webview的新开窗口问题，链接见末尾。今天讲述的是BrowserWindow的新开窗口问题:webview是不能打开_blank页面，而BrowserWindow打开_blank或者window.open页面是可以的，但是尺寸是固定的，无法控制size。

• 殊途同归，webview和BrowserWindow都是通过拦截“new-window”事件来解决问题的。
• 本文的基础代码，还是以前文章提到过的改造版的quick-start。

代码片段

main主进程：

苏南大叔自定义了一个win_event函数，在这里拦截了new-window事件。同时，使用event.preventDefault()，来阻止默认行为（打开固定尺寸的窗口）。然后新建了一个BrowserWindow，利用它来控制新开窗口的尺寸，同时再次调用该函数，使得新开窗口中的新开窗口，也能够在控制拦截范围内。

效果截图

相关链接

webview的类似问题，请见这里：

• https://newsn.net/say/electron-webview-window-open.html

小结

在苏南大叔这边理解着，对比普通的网页，browserwindow就是我们平时看到的正常网页窗口，而webview则相当于iframe。当然了，electron中，把好多网页概念都进行了重写。

更多苏南大叔带来的electron的精彩文章，请点击这里查看：

• https://newsn.net/tag/electron/

本站的忠实读者小伙伴，正在阅读下面这些文章：

• 如何下载安装 wordpress 的最新中文版？
• mysql安全设置命令mysql_secure_installation使用指南
• docker 容器内如何安装使用 cnpm ？
• electron-vue 项目，如何手工关闭 eslint ?
• 如何使用 sketch 镜像软件 sketch mirror

欢迎转载传播本篇原创文章，转载请保留链接及作者信息。
欢迎指正文字或逻辑错误，将会择优在文末列出您的信息。

苏南大叔需要你的支持

PHP高手欢聚QQ群：218127186     逗逼虎开心聊QQ群：175454274

感谢您的打赏，让我更有动力，将更多精彩教程文章，呈现给大家！谢谢！