无边框窗口 要创建无边框窗口，需在 BrowserWindow 的构造中将 frame 参数设置为 false： const win = new BrowserWindow({ width: 800..., height: 600, // 设置无边框的窗口（不同系统下效果会有差别） frame: false }) 隐藏标题栏色彩 设置 titleBarStyle 配置项为 hidden即可。...('parent.html') child.loadFile('child.html') 模态窗口在Mac OS X下子窗口自动顶部居中对齐，并且没有标题栏，只能通过调用子窗口的close()方法关闭模态子窗口...；在Windows下，模态子窗口仍然会显示菜单和标题栏。...参考文档：https://www.electronjs.org/zh/docs/latest/tutorial/window-customization
$main.createWindow(windowConfig,url,divConfig) 打开一个新的窗口 windowConfig为窗口配置 参考 electron 文档的 https://www.electronjs.org.../zh/docs/latest/api/browser-window url为加载的地址 可为网络地址也可以使用 file://来引用本地文件 divConfig接收两个参数 { name:"窗口名称...$main.getWindow(‘hsq’)来关闭 关闭窗口会自动销毁 this.$main.chooseDir(title) 选择一个文件夹 获取文件夹路径 title为标题 如下 this....$main.chooseFile(title,filters) title作用 和 选择文件夹一样 filters 为过滤后缀名 也就是文件类型 如 const filters = [...如 设置 url为 xxxx#settings 然后settings为配置页面 可配置 electron-store来实现配置文件
模块BrowserWindow BrowserWindow模块是用于创建和管理图形用户界面的窗口。它提供了一种在桌面应用程序中创建原生窗口的方式，类似于浏览器中的窗口。...frame：布尔值，指定是否显示窗口的边框和标题栏。 show：布尔值，指定创建窗口后是否立即显示。...setFullScreen(flag) 将窗口设置为全屏模式。flag 为true 表示全屏，为false 表示退出全屏。 setResizable(flag) 设置窗口是否可调整。...setPosition(x, y) 设置窗口的位置，x 和 y 是窗口的坐标。 getParentWindow() 返回当前窗口的父窗口，如果存在的话。...did-stop-loading 当窗口停止加载网页时触发。 page-title-updated 当窗口中的网页标题发生变化时触发。
主进程中创建桌面通知 在主进程中创建系统通知可以使用内置的主进程模块 Notification 模块。用起来也十分的简单。...const { app, BrowserWindow, Notification } = require('electron') app.on('ready', () => { // 创建窗口...win.loadFile('index.html') // 创建通知实例 const notification = new Notification({ title: '通知标题...notification.on('click', function () { console.log('用户点击了通知'); }) }) 参考文档：https://www.electronjs.org...btn.addEventListener('click', function () { // 创建并显示通知 let n1 = new Notification('消息标题
如果该名称无法识别现有的上下文，则会创建一个新的上下文，并赋予指定的名称。 窗口的名字主要用于为超链接和表单设置目标（targets）。窗口不需要有名称。...使用 noopener 时，在决定是否打开新的浏览上下文时，除 _top、_self 和 _parent 以外的非空目标名称会像 _blank 一样处理 7) noreferrer 如果设置了此特性，浏览器将省略...://www.electronjs.org/blog/window-open-fix 14.0 版本中修复 iframe + window.open 创建新窗口绕过安全策略漏洞 electrovolt...设置为 _self 、_parent 和 _top 都属于是导航范畴，所以Electron 官网给出上面的关于新窗口监听和拦截案例对其是无效的，可以需要参照 Electron 中关于导航相关的代码 const...electrovolt 这种 window.open().location payload 通过 window.open 打开一个官方地址，frameName 名称不是特殊的名称，会创建新窗口或者利用旧窗口
默认为false --counter （仅适用于macOS）设置坞站计数标志，该标志通过查找窗口标题中的数字；默认为false --bounce...；默认为1280px --height 设置窗口默认高度；默认为800px --min-width 设置窗口最小宽度...；默认为0px --min-height 设置窗口的最小高度；默认为0px --max-width 设置窗口的最大宽度;...默认值是无限的 --max-height 设置窗口的最大高度;默认值是无限的 --x 设置窗口x位置... （仅适用于macOS）设置标题栏样式（“ hidden”，“ hiddenInset”）。
应用只是在窗口内展示，所以Electron的窗口也需要我们关注，通过Electron提供的api来定义一个合适的窗口 窗口设置 在上面我们创建的main.js中，可以看到通过BrowserWindow创建的窗口...，比如大小，最小宽度，是否全屏，是否可以最小化，是否能调整大小等等，见https://www.electronjs.org/docs/api/browser-window 注意：如果有框的话有标题栏，标题栏是...而且这里将工具的模式设置为detach，即跟主页面分离，也就是说两个窗口，这样工具就不会占用主窗口的空间了，不会影响主窗口的内容。...(如果只打包dmg，则可以在maker中删除maker-zip即可) 后面可以通过maker-dmg的config进行一些设置，如安装背景background、安装包名称等。...应用名称和图标 名称 package.json中的第一个属性name就是应用名称（实际上是application id）。
，点击文章，会出现一个新的窗口来显示文章内容，而不是在原本的窗口呢，这样原本的窗口可以继续聊天等 https://www.electronjs.org/zh/docs/latest/api/browser-window...parent: xxx 指定父窗口即可 问题来了，为什么要设置父子窗口呢？...在之前的一些版本中，似乎子窗口会继承父窗口的一些配置，但后来主要是为了生命周期等，简单来说，我把父窗口关了，子窗口也会被关闭或其他设置 该参数要在父窗口初始化是配置，而不是子窗口 0x03 测试 iframe...的能力 所以这个配置项在一些社区在名字问题上争议比较大，默认人员认为这个名字不是很合理 0x04 测试子窗口 这个子窗口是让我比较疑惑的，我看创建子窗口的时候，子窗口可以有自己的安全配置呀，难道没有设置...这听起来就很奇怪，我们测试一下就知道了 我们尝试创建子窗口，在主窗口中设置 nodeIntegrationInSubFrames: false ，并在子窗口设置渲染进程可以执行 Node.js ，咱们看看到底能不能执行
如果您在原始证书编号后添加19，请在B1单元格中写入：=A1 '13 '，然后按回车键。 2.如何在文件下拉窗口底部设置最近运行的文件名数量？...在EXCEL菜单中，单击文件-页面设置-工作表-打印标题；您可以通过按下折叠对话框的按钮并用鼠标划定范围，将标题设置在顶端或左端。这样，Excel会自动将您指定的部分添加为每页的页眉。...这个问题应该解决如下：第一，在EXCEL菜单"文件"-页面设置-工作表-打印标题；您可以设置顶部标题行，选择工资单的标题，选择菜单插入-每行之间的分页符，并将页面长度设置为工资单的高度。...选择区域后，选择“插入”\“名称”\“定义”，为区域命名，如组1，然后在公式中使用区域名称，如“==SUM(组1)”。...当我们在工作表中输入数据时，我们有时会在向下滚动时记住每个列标题的相对位置，尤其是当标题行消失时。此时，您可以将窗口分成几个部分，然后将标题部分保留在屏幕上，只滚动数据部分。
设置应用程序菜单：使用 Menu.setApplicationMenu(menu) 方法可以将菜单设置为应用程序的菜单。通过调用这个方法，你可以在应用程序的菜单栏或窗口中显示自定义的菜单。...通过监听特定的事件（如 contextmenu），可以在合适的时候显示自定义的上下文菜单。...菜单项和role相关的信息可以参考：https://www.electronjs.org/zh/docs/latest/api/menu-item 右键菜单 自定义右键菜单和自定义应用菜单用法基本差不多...由于右键菜单的显示一般发生在渲染进程中，所有我们需要使用进程间通信和预处理脚本。...-- 渲染进程中的代码 --> <!
当你设置partition:'persist:name'时，Electron 会为该窗口创建一个持久化的分区，即使应用重启，这个分区中的数据（如Cookie）也会被保留。...如果不指定或者使用partition:''（空字符串），则使用一个临时的、匿名的分区，关闭窗口后相关数据会被清除 Session: 会话（Session）在 Electron 中是一个更高级的概念，它代表了一组配置和行为...该方法允许你将应用更深入地集成到操作系统中 app.setAsDefaultProtocolClient(protocol[, path, args]) protocol 协议名称，字符串类型 path...app.getApplicationNameForProtocol(url) url 要检查的协议名称的 URL，不同于家族中的其他方法，该方法接收至少包含 :// (例如：https://)的完整...，导致另一部分成为传递给处理程序的参数，配合 Chromium 的一些特殊参数，最终导致命令执行，下方参考链接中先知社区的文章对其分析得比较好，建议观看 参考文章 https://www.electronjs.org
我们都尝试一下，看看它们在 Electron 中是否还可以使用 https://www.electronjs.org/zh/docs/latest/tutorial/web-embeds https:/...浏览器根据自身情况决定资源的加载顺序 high 资源的加载优先级较高 low 资源的加载优先级较低 6) name 用于定位嵌入的浏览上下文的名称 该名称可以用作 a 标签与 form 标签的 target...allow-top-navigation比较重要，它用于控制嵌入在 中的页面是否有权限导航其顶层浏览上下文（即改变父窗口或顶级窗口的location）。...取值必须是同一文档下的一个 form 元素的 ID 9) height 资源显示的高度，单位是 CSS 像素 10) name 浏览上下文名称（HTML5），或者控件名称（HTML 4） 11) standby...src 属性还可以接受数据 URL, 如 data:text/plain, Hello, world!。
用大白话来说就是：我们可以在主进程创建窗口的时候，指定一些脚本(内容是我们定的)，这些脚本将来是在渲染进程中使用的，但是先于网页内容加载，由于是在主进程的时候就预加载了，所以能使用NodeJS API。...创建窗口的时候，指定preload配置 // main.js const win = new BrowserWindow({ width: 800, height: 600, webPreferences...事件(频道) ipcMain.on('fromSon', function (event, arg1) { console.log(arg1); // 在主进程中设置窗口的标题...或者使用第三方存储方案(如：localStorage、数据库等)进行中转 参考文档： https://www.electronjs.org/zh/docs/latest/tutorial/ipc https...://www.electronjs.org/zh/docs/latest/api/ipc-main https://www.electronjs.org/zh/docs/latest/api/ipc-renderer
Linux 上的窗口事件处理程序效率提升。#23260。 新增 PDF 查看器。#22131。...暂定的 10.0.0 时间表中列出了 Electron 10.0 开发周期中的关键时点： https://electronjs.org/docs/tutorial/electron-timelines...另请参阅我们的版本控制文档，获取有关 Electron 中版本控制的更多细节： https://electronjs.org/docs/tutorial/electron-versioning 关于未来的...更改这个默认设置可提高 Electron 应用的默认安全性，新设置下应用需要主动开启选项才能执行不安全行为。...需要帮助或提交 bug，请联系： https://www.electronjs.org/contact 延伸阅读 https://www.electronjs.org/blog/electron-9-
简单来说就是新创建窗口本来应该是继承父窗口的部分属性设置，如果父窗口设置了 nodeIntegration: false，则新创建的子窗口也是一样，但是在处理 webviews 时出现了问题，导致新创建的窗口默认具备...K 是要保留的属性名称组成的联合类型。...当 URL 被发布时，Discord 会尝试获取其 OGP 信息，如果有 OGP 信息，它会在聊天中显示页面的标题、描述、缩略图、相关视频等。...og:site_name: 网站或应用的名称。 og:locale: 内容的语言和区域设置，格式如 "en_US"。...内容安全策略属于是一种白名单机制，能够有效的防止外部 JavaScript 注入执行等，建议开启，检查方法也比较简单，就要窗口加载的 html 中是否设置了策略即可 如果是开发模式，就以 HTTP 形式加载
1.select类里面提供的方法：select_by_value（“xxx”） 2.xpath的语法也可以定位到 NO.15 如何在标题菜单的子菜单项上执行鼠标移动操作？...应该首先移动菜单标题，然后移至弹出菜单项并单击它。不要忘记在最后调用actions.perform() 。 NO.16 如何在定位元素后高亮元素（以调试为目的）？...XPath是一种在HTML / XML文档中定位的方法，可用于识别网页中的元素。 如果没有与页面上的元素相关联的名称/ ID，或者名称/ ID的一部分是常量，则必须使用XPath。...可以使用命令getWindowHandles()来处理多个弹出窗口。 然后将所有窗口名称存储到Set变量中并将其转换为数组。 接下来，通过使用数组索引，导航到特定的窗口。...隐式等待是设置的全局等待,分为 1、页面加载超时等待 ； 2、页面元素加载超时； 3、异步脚本超时。 如果是页面元素超时，设置等待时间，是对页面中的所有元素设置加载时间。
下面是如何在Python代码中引入Drawdata的示例：import drawdata或者，如果你更喜欢从特定的子模块导入功能，可以这样做：from drawdata import specific_function...import drawdata as dd# 创建一个新的图表chart = dd.Chart()# 添加数据系列data = [1, 2, 3, 4, 5]chart.add_series(data)# 设置图表标题和坐标轴标题...创建一个新的图表chart = dd.Chart()# 添加数据系列data = [10, 20, 30, 40, 50]chart.add_series(data, series_type="bar")# 设置图表标题和坐标轴标题...chart.set_title("饼图")# 设置饼图中的分类名称chart.set_pie_categories(["分类1", "分类2", "分类3", "分类4"])# 渲染图表到文件chart.render...")button.on_click(on_button_click)# 显示窗口window.show()游戏开发Drawdata 提供了游戏开发的基本功能，如角色移动、碰撞检测等。
创建一个 Tkinter 窗口对象。 3 . 设置窗口标题和添加 GUI 元素。 4 . 定义事件处理程序（回调函数）。 5 . 启动 Tkinter 主事件循环。 让我们逐步来看这些步骤。...通常，它被称为 root ，但你可以选择任何名称。...步骤3：设置窗口标题和添加 GUI 元素 在你的窗口中，你可以设置窗口标题和添加各种 GUI 元素，如按钮、标签、文本框等。这些元素将在窗口上显示，并与用户进行交互。...label.pack() 这段代码设置窗口标题为“我的 Tkinter 应用程序”并创建一个标签，标签上显示文本“欢迎来到 Tkinter ！”。 pack() 方法用于将标签放置在窗口上。...然后，我们创建了一个 Tkinter 窗口对象，并设置了窗口标题。 接下来，我们创建了一个标签，并使用 pack() 方法将其放置在窗口上。
看下官网[1]的自我介绍： Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建跨平台原生桌面应用的框架。...它结合了 Chromium、Node.js 和用于调用操作系统本地功能的 APIs（如打开文件窗口、通知、图标等）。 ? 上面这张图很好的说明了Electron的强大之处。...下面是 Electron 中官方提供的进程间通讯方式： window.postMessage,LocalStorage 在前端开发中，鉴于浏览器对本地数据有严格的访问限制，所以一般通过该两种方式进行窗口间的数据通讯...Electron中, 与GUI相关的模块（如 dialog, menu 等)只存在于主进程，而不在渲染进程中 。为了能从渲染进程中使用它们，需要用ipc模块来给主进程发送进程间消息。...参考资料 [1] 官网: https://www.electronjs.org/ [2] Apps Built on Electron: https://www.electronjs.org/apps
同时，我们也将探讨如何在小程序中实现自定义字体，使你的应用在视觉上更加独特，提升整体的用户体验。 一、页面尺寸控制与自定义字体 在PC上，可以使用一些接口来调整小程序的窗口尺寸。...☀️2.2.3 在页面中使用自定义字体 在小程序的页面文件（如 fontDemo.wxml）中，使用 font-family 样式来应用自定义字体。...，true 表示全局加载字体，false 或不设置表示仅在当前页面有效 family 字符串 设置自定义字体的名称。...italic 等） weight 字符串 设置字体的粗细（如 normal, bold 等） variant 字符串 设置字体的变体（如 small-caps 等） desc...如果设置为 false 或不设置，只在当前页面有效。 family：这是必须指定的属性，代表字体的名称。这个名称应该与加载的字体文件中的字体名称一致。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
