WorkBuddy 在高分屏下的 UI 缩放部署设置

陌磊君_9536

陌磊君_9536

2026-04-10

721人浏览

原创

workbuddy 高 dpi 问题需三步解决:1. 启动前设环境变量 electron_high_dpi_scale_factor=1 和 winit_hidpi_factor=1;2. package.json 中 build.win.permonitordpiaware 设为 true 并配置 app.manifest 启用 permonitorv2;3. 主进程监听 screen 缩放因子并透传至渲染层动态调整样式。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

workbuddy 在高分屏下的 ui 缩放部署设置

WorkBuddy 启动时 UI 被压缩或模糊,怎么强制启用高 DPI 缩放?

WorkBuddy 基于 Electron 构建,默认不自动适配 Windows 高分屏(如 200% 缩放),导致界面文字发虚、按钮错位、图标糊成一片。根本原因是 Electron 进程未声明 DPI 感知模式,系统 fallback 到位图拉伸渲染。

解决方式不是改缩放百分比,而是让主进程和渲染进程都声明为 per-monitor-high-dpi-aware。需在启动前通过环境变量干预:

  • Windows 下启动前设置:set ELECTRON_HIGH_DPI_SCALE_FACTOR=1(禁用 Electron 内置缩放逻辑)
  • 同时必须加:set WINIT_HIDPI_FACTOR=1(修复底层 winit 窗口缩放)
  • 最关键一步:在 package.json 的 build.win.perMonitorDpiAware 设为 true(Electron Builder 打包时生效)

打包后安装版仍不缩放,检查 manifest 和 app.manifest 是否被忽略?

即使设置了 perMonitorDpiAware,Windows 10/11 仍可能因缺失应用清单(manifest)而降级为系统 DPI 感知模式。Electron Builder 默认不注入 manifest,需手动补全。

创建 build/app.manifest 文件,内容必须包含以下关键节(注意版本号与你的 Electron 版本匹配):

<?xml version="1.0" encoding="UTF-8" standalone="yes"?><assembly xmlns="urn:schemas-microsoft-com:asm.v1" manifestversion="1.0"><application><windowssettings><dpiaware xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings">true/pm</dpiaware><dpiawareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">permonitorv2</dpiawareness></windowssettings></application></assembly>

然后在 package.json 的 build.win.manifest 字段指向它,否则打包工具会跳过该文件。

用户手动修改缩放后界面错位,如何让 WorkBuddy 读取当前系统缩放值?

WorkBuddy 无法仅靠 CSS transform: scale() 正确响应动态缩放切换(比如用户从 150% 改为 200%),必须在主进程获取真实 DPI 因子并透传给渲染层。

workbuddy-pet
workbuddy-pet

WorkBuddy 桌宠工厂 —— 给一张角色图、一个 codex.pet 链接、一条 codex-pets.net 下载 URL、或一份现成的精灵表,就能自动创建一只可联动 WorkBuddy 状态的桌面宠物。当用户说"创建桌宠"、"做一只桌宠"、"用这张图做桌宠"、"从 codex.pet 安装桌宠"、"导入 codex 桌宠 XX"、"装一下 codex-pets.net 上的 XX&quo

下载

在主进程(main.js)中使用 Electron 的 screen 模块实时监听:

  • 调用 screen.getPrimaryDisplay().scaleFactor 获取当前缩放值(如 2 表示 200%)
  • 通过 webContents.send('dpi-change', scaleFactor) 推送至渲染进程
  • 渲染进程监听后,用 document.documentElement.style.fontSize 或 CSS 自定义属性动态调整根字号,避免硬编码 zoom

注意:不能依赖 window.devicePixelRatio —— 它在未启用 DPI 感知的窗口中始终返回 1。

macOS 上字体发虚、按钮偏小,和 Windows 设置逻辑一样吗?

不一样。macOS 不用 manifest 或 perMonitorDpiAware,但需确保 Electron 版本 ≥ 24(旧版对 Retina 渲染有缺陷),且禁用 --disable-gpu 启动参数(该参数会绕过 Metal 渲染路径,导致 subpixel 渲染失效)。

实操要点:

  • 确认打包时 build.mac.entitlements 包含 com.apple.security.app-sandbox 为 false(沙盒会限制高 DPI 渲染权限)
  • 启动脚本里删掉所有 --force-device-scale-factor 参数 —— macOS 应完全交由系统控制
  • 检查是否误设了 app.commandLine.appendSwitch('high-dpi-support', 'false'),这会直接关闭 HiDPI 支持

最易忽略的是:开发时用 electron . 启动不会加载 build 配置,必须用打包后的 app 测试,否则 macOS 下永远看不到真实缩放效果。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

workbuddy

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
WorkBuddy AI教程合集
WorkBuddy AI教程合集

本专题整合了WorkBuddy AI入门到精通合集,阅读专题下面的文章了解更多详细内容。

2026.04.03

1887

38

WorkBuddy产品概览与核心价值
WorkBuddy产品概览与核心价值

本专题将带您快速了解WorkBuddy智能办公助手。内容涵盖产品定义、核心功能概览、适用场景分析以及它如何提升团队效率。无论您是初次接触还是希望深入了解,这里都有您需要的入门知识。

2026.04.09

643

19

WorkBuddy环境搭建与部署指南
WorkBuddy环境搭建与部署指南

提供详尽的WorkBuddy安装与部署指南。无论您是在Windows、Mac、Linux桌面端,还是在服务器或云端环境进行私有化部署,本专题都将一步步指导您完成环境准备、软件下载、安装配置及首次启动,确保系统平稳上线。

2026.04.09

976

26

WorkBuddy核心功能与实操模式
WorkBuddy核心功能与实操模式

深入探索WorkBuddy的强大功能。本专题包含智能问答、文档处理、会议纪要生成、日程管理、任务协作等核心模块的操作指南与最佳实践。通过图文并茂的教程,助您快速上手,最大化发挥WorkBuddy的办公效能。

2026.04.09

622

19

WorkBuddy生态集成与API配置
WorkBuddy生态集成与API配置

指导管理员如何将WorkBuddy无缝接入现有办公生态。内容涉及企业微信、钉钉、飞书等主流平台的集成步骤,以及Webhook、API密钥配置、单点登录(SSO)设置等高级接入选项,实现统一入口,提升协作体验。

2026.04.09

975

18

WorkBuddy模型矩阵与技能扩展
WorkBuddy模型矩阵与技能扩展

揭秘WorkBuddy背后的智能引擎。本专题介绍所支持的大语言模型(LLM)类型、如何根据需求切换或配置模型,以及如何通过自定义指令、技能插件(Plugins)扩展WorkBuddy的能力边界,打造专属的智能办公伙伴。

2026.04.09

1172

19

WorkBuddy安全架构与计费体系
WorkBuddy安全架构与计费体系

透明化WorkBuddy的计费模式与安全保障体系。清晰列出不同版本(免费版、专业版、企业版)的费用结构、功能差异与订阅方式;同时深入解读数据加密、访问控制、合规认证(如GDPR、ISO)等企业级安全特性,让您用得放心。

2026.04.09

244

12

WorkBuddy协作工具使用与项目管理优化实践
WorkBuddy协作工具使用与项目管理优化实践

本专题聚焦 WorkBuddy 协作工具在企业项目管理中的应用,讲解任务分配、进度跟踪、团队协作、日程管理及报告生成技巧。通过实践案例,帮助团队提升工作效率、优化沟通流程,实现高效协作与项目执行。

2026.05.06

393

21

WorkBuddy团队协作与任务流程管理实战
WorkBuddy团队协作与任务流程管理实战

本专题围绕 WorkBuddy 协作工具展开,讲解任务分配、项目进度管理、团队协作优化、日程安排及报告生成技巧。通过实战案例,帮助企业提升团队工作效率与沟通协作水平。

2026.06.08

817

16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程