Electron修改窗口标题

最新推荐文章于 2024-05-02 17:59:36 发布
最新推荐文章于 2024-05-02 17:59:36 发布
阅读量2.7k 收藏 1
点赞数 3
分类专栏： electron 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43458533/article/details/118935357
版权

如题，最近也开始学习electron了，踩了很多坑终于安装成功把脚手架跑起来了，万分激动~

虽然成功跑了起来，但是想先改点简单的玩一玩，瞅着脚手架给生成的名字非常的不爽于是找了半天资料，自己摸索了摸索发现通过修改 index.ejs 文件中的title标签实现了特此记录一下。

				<title>这里改成你想改的名字</title>
Pear777
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Electron常见问题 15 - 修改窗口标题
liuzhen007的专栏
06-28 9326
基于Electron创建BrowserWindow窗口后，怎么修改它的标题呢？ 这是一个非常现实的问题，特别是创建了多个窗口后，我们需要区分它们时。 Electron默认的窗口标题是工程index.html中的title名称。 运行应用，主程序界面如下图所示，窗口标题是“main window title”。 如果没有指明index.html中的title标签值，窗口的标题名称会读取工程package.json中的name名称： 项目工程package.json配置情况如下图所示，和.
Electron无边框窗口（最小化、最大化、关闭、拖动）以及动态改变窗口大小
06-09
对应博客地址：https://blog.csdn.net/fukaiit/article/details/91351448 包括Electron无边框窗口原型和核心代码
Electron实战之基坑
Jerryman_GHJ的博客
09-27 970
1、任务栏图标（可配置 | | 可设置） //系统托盘图标目录 const iconPath = path.join(__dirname, '../../static/imgs/logo.ico') const emptyPath = path.join(__dirname, '../../static/imgs/empty.ico') const trayUr...
electronbar:React Electron的标题栏组件
05-14
电子棒 Electronbar是无框电子窗口的React组件和处理程序，需要浏览器呈现的标题栏和菜单。 它是完全可定制的，并且渲染速度比某些替代方法更快。 笔记 该软件包是为Windows制作的，尽管希望任何人修改此软件包以使其与Linux或Mac的外观和风格保持一致，并鼓励这样做。 源很小，因此进行任何修改或增强应该很简单。 屏幕截图 特征 窗户 提供最大化，最小化，还原和关闭按钮。 电子菜单支持 使用本机的Electron.Menu对象进行构建。 禁止单击/展开，并对禁用或不可见的Electron菜单项使用其他样式。 更新中 菜单，标题和图标可以随时更新。 促进剂 将菜单传递给Electron以绑定加速器快捷方式。 加速器翻译 将类似CtrlOrCmd之类的CtrlOrCmd转换为系统的相应按钮。 CMD图标⌘在Windows上，苹果等或Ctrl 全屏 检测全屏并使用不同的按钮布局保留
electron-windows:优雅地管理Electron的多个窗口并提供强大的功能
05-01
电子窗 优雅地管理Electron的多个窗口并提供强大的功能。 贡献者 此项目遵循git-contributor，该在Fri Dec 11 2020 11:31:32 GMT+0800自动更新。 分期付款 $ npm i electron-windows --save 演示版 蜜蜂 在里面 const WindowManager = require ( 'electron-windows' ) ; const windowManager = new WindowManager ( ) ; 创造 const winRef = windowManager . create ( { name : 'window1' , loadingView : { url : '' , } , browserWindow : { width : 800 , h
electron 自定义标题栏_electron+vue制作桌面应用--自定义标题栏
weixin_42316272的博客
12-24 1101
electron会默认显示边框和标题栏，如下图我们来看一下如何自定义一个更加有(gao)意(da)思(shang)的标题栏，例如网易云音乐这种首先我们要把默认的标题栏删掉，找到主进程中创建窗体部分，new BrowserWindow时添加参数frame: false即可mainWindow = new BrowserWindow({useContentSize: true,frame: false...
electron 2 - 创建主窗口
ef_ef的博客
05-19 800
主进程,渲染进程的区别 主进程是控制整个软件的, 文件通常命名为main.js 一个窗口相当于一个网页, 渲染进程就是网页的JavaScript, 文件通常命名为renderer.js 创建窗口 软件大体都由主进程控制, 所以窗口要在main.js中创建 main.js const { app, BrowserWindow } = require('electron) app.on('ready', () => { const mainWindow = new Browse
Electron-Vue # 自定义窗口和标题栏
skysys的研究小屋
07-05 3625
创建窗口时，增加一句：frame: false，禁止掉窗口默认边框（只显示内容区） win = new BrowserWindow({ width: 800, height: 600, frame: false, webPreferences: { // Use pluginOptions.nodeIntegration, leave this alone // See nklayman.github.io/vue-cli-plugin-electr
定制 Electron 窗口标题栏
SailingCoder的博客
01-02 1270
对于希望在用户需要时显示窗口控制按钮的情况，可以选择模式。在这种模式下，窗口标题栏默认隐藏，但当用户将鼠标悬停在窗口顶部时，自定义的窗口控制按钮将出现。});});这种方式在提供自定义外观的同时，保持了窗口控制按钮的可访问性，使用户体验更加友好。
electron 自定义标题栏(windows 系统)
言小溪 的博客
02-08 6618
其实没有网上那么麻烦，如果你仅仅只是想去掉标题，还有下面的工具栏，只需要如下配置 const win = new BrowserWindow({ width: 800, height: 600, titleBarStyle: "hidden", titleBarOverlay: { color: "#fff", symbolColor: "black", } }); 这样就会出现原生的最小化，关闭等按钮在 win 的右侧，主要这个区域
electron实现类似QQ窗口靠边自动边缘隐藏
07-20
可以访问这篇文章有完整介绍： https://blog.csdn.net/lucky_fang/article/details/125264788 最近做了一个electron+vue的项目，需要实现类似QQ边缘自动隐藏的功能。 一开始想到的是通过页面的mouseout、mouseenter、mouseleave等方法实现，通过查找了很多资料，发现这几个方法只能实现一些比较简单的交互，局限性很大，难以实现鼠标hover显示，out就隐藏的效果。 后来发现通过监听鼠标在窗口的位置可以非常方便实现鼠标hover和out的判断，从而实现窗口自动隐现功能。
基于electron多窗口模式的模板
02-19
基于electron多窗口模式的模板
Electron修改图标
热门推荐
Zheng.Zeng的博客
04-23 3万+
一：前言      首先，大家需要知道：electron的ico更换过程，是发生在最后的打包阶段，而不是开发过程中的。也就是说，大多数情况下，这个图标是打包的时候决定的。二：操作      ①把要修改的图标放入工程里面，图标必须是ico格式   ②执行打包命令还不懂怎么打包的可以参考点击打开链接在打包的基础上加上--icon=图标路径，回车就可以看到以下界面就这么简单，图标就修改成功了!...
electron 学习笔记（三）——自定义标题栏
娃哈哈_的博客
10-30 8187
系列文章目录 第一章 基础知识点 第二章 electron-vue 第三章 自定义标题栏 文章目录系列文章目录前言一、效果预览二、重点步骤1.去掉默认的标题栏和边框（Main process）2.自定义标题栏（Render process）3.在标题栏中引用 【天气】组件4.最小化、关闭窗口总结 前言 electron项目默认有自己的标题栏（包含标题、最小化、最大化，关闭），根据项目需求，可以去掉，定制开发 一、效果预览 二、重点步骤 1.去掉默认的标题栏和边框（Main process） 代码
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 803
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
element-ui的bug记录
nick_zhang的博客
04-29 356
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
bpmn-js推荐几款常用的插件
飞云先生
04-30 74
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
《ElementUI 基础知识》el-tabs header 监听鼠标中键滚动时左右滑动（ElementPlus同样适用）
前端技术
04-29 766
监听 el-tabs 头在鼠标 hover 时。滑动鼠标中键，可左右滑动！
表格隔行变色
最新发布
weixin_54339833的博客
05-02 199
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
Electron 设置窗口标题、
04-04
图标和大小 可以使用 `BrowserWindow` 对象的方法来设置 Electron 窗口的标题、图标和大小。 设置窗口标题： ```javascript win = new BrowserWindow({ title: 'My App' }); ``` 设置窗口图标： ```javascript win = new BrowserWindow({ icon: '/path/to/icon.png' }); ``` 设置窗口大小： ```javascript win = new BrowserWindow({ width: 800, height: 600 }); ``` 也可以在创建窗口之后使用 `win.setTitle()`、`win.setIcon()` 和 `win.setSize()` 方法来设置标题、图标和大小： ```javascript win.setTitle('My App'); win.setIcon('/path/to/icon.png'); win.setSize(800, 600); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值