FBro 多标签浏览器（通用浏览 + 多账号工作台）C++源码

mosheng

# FBro 多标签浏览器（通用浏览 + 多账号工作台）<br /> <br /> 基于 LingBuilder 灵码 + `new_emoji` 自绘界面 + FBro/CEF 135 x64 内核的多标签浏览器工程。<br /> 每个普通标签页与每个账号环境都是真实浏览器页面；账号环境为**独立进程 + 独立缓存目录 + 独立代理/UA**，<br /> 可直接用于多店铺 / 多账号场景。书签、历史、设置、环境定义全部为 exe 目录下的明文 JSON，可读可改。<br /> <br /> - 工程类型：`new-emoji` 后端窗口项目（projectId `fbro-browser-shell`，x64，`browserShell` 窗口框架）<br /> - 依赖模块：`lingbuilder.new_emoji.ui`、`lingbuilder.fbro.browser`、`<a href="mailto:lingbuilder.new_emoji.fbro-shell@1.4.0" target="_blank">lingbuilder.new_emoji.fbro-shell@1.4.0</a>`、`lingbuilder.fbro.sdk`（CEF 135 运行时），以及为持久化启用的 `fs.core` / `data.json` / `std.datetime` / `system.shell` / `std.text` / `system.clipboard` / `std.encoding`<br /> - 主源码：`src/fbro-browser-shell/MainWindow.lcpp`（约 900 行，纯灵码 DSL，0 处内嵌 C++）+ `项目全局变量.lcpp`<br /> - 窗口设计模型：`.lingbuilder/projects/fbro-browser-shell/window-designer.json`（58 个组件）<br /> <br /> ## 功能总览与验证状态<br /> <br /> | 功能 | 说明 | 真机验证 |<br /> |---|---|---|<br /> | 多标签浏览 | Chrome 式标签条、新建/关闭/关闭其他/切换、后退/前进/刷新 | ✅ |<br /> | 标签标题=环境名 | 标签/环境列表显示**环境名**（创建时名称），不随网页标题变化；`浏览器外壳_取标题()` 仍返回网页标题供收藏/历史 | ✅ 图 05/06/11（2026-10-08） |<br /> | 新建标签 + 号定位 | 标签条宽与 + 号位置一律用 DLL 读回值（`NE标签页_取标签条内容宽` + `NE标签页_取项矩形2`，末签右缘+8），猜测公式已删；1/2/3 标签 × 侧栏开合六组矩阵全 PASS（8.00 / 3.75 / 3.67~8.33 逻辑像素，200% 与 150% 两档 DPI） | ✅ 图 08b 系列（2026-10-08 六组全验） |<br /> | 工具栏图标 DPI 适配 | IconButton 图标字形按 `iconSize × DPI` 绘制，200% 下全部精确翻倍（☰ 6→12、前进 8×2.5→16×6 逻辑px） | ✅ 像素实测 7 图标（2026-10-08）；全套新配图已更新 |<br /> | 地址栏键入 | 点击获焦、Ctrl+A 全选、粘贴 URL、回车导航 | ✅ 图 09；2026-10-07 复核：粘贴+回车可提交并导航，逐字符键入被本机搜狗输入法吞（环境限制，非工程缺陷） |<br /> | 新标签页 | 本地 HTML（`data/newtab.html`）：搜索框 + 常用站点卡片，随设置实时重建 | ✅ 图 01 |<br /> | 侧栏工作台 | ☰ 一键展开/收起 300px 侧栏，网页视口自动让位、伴随宿主实时跟随；顶部四个页签按钮悬停提示已逐个实测 | ✅ 图 02、图 15 |<br /> | 账号环境列表 | 侧栏富列表绑定外壳会话：标题/地址/状态/PID 实时同步，选中高亮；行内按钮右缘收进行内容宽 | ✅ 图 02/05/13b |<br /> | 环境创建 | 侧栏表单（名称/地址/缓存目录/代理/UA）→ `浏览器外壳_新建独立实例代理` | ✅ 图 03/11（键入+保存+独立进程 PID 16912 实测） |<br /> | 多环境隔离 | 每环境独立 Host 进程 + 独立 `.fbro-profiles/<id>` 缓存目录 | ✅ 图 05（PID 19840 / 2084 双进程 + 双目录实测） |<br /> | 环境操作 | ▶ 切换、🍪 Cookie 置入、⏻ 关闭（保留会话可重开）、✕ 删除 | ✅ 切换图 06、Cookie 图 07/08、按钮完整见图 13b |<br /> | Cookie 会话隔离 | 深色主题置入对话框，按稳定 ID 写入，日志不落明文，空/非法提交有中文校验 | ✅ 图 07/08（2026-10-08 深色美化重拍） |<br /> | 书签 | 地址栏星标收藏/取消，书签页列表（打开/删除），`data/bookmarks.json` | ✅ 图 04、行按钮 ↗/✕ 完整见图 13b |<br /> | 历史 | 导航自动记录、同址去重计数、上限 2000，历史页列表，`data/history.json` | ✅（文件与去重逻辑实测，列表 UI 与书签页同构） |<br /> | 设置 | 主页地址 + 搜索引擎模板（`%s` 占位），保存即重建新标签页，`data/settings.json` | ⚠️ 页面与保存逻辑已编译通过，保存按钮未走完真机点击流程 |<br /> | 持久化恢复 | 重启自动恢复书签/历史/设置/环境（环境自动拉起独立进程） | ✅ 图 05（重启后双环境自动恢复） |<br /> | 右键菜单 | 标签页/地址栏/网页菜单接真功能（新建/关闭/复制网址/粘贴跳转/截图保存等） | ✅ 图 16/17/18（2026-10-08 全套实拍） |<br /> | 快捷键 | Ctrl+T/W/L/R、Alt+←/→、Ctrl+D 收藏、Ctrl+H 历史、Ctrl+B 书签 | ✅ Ctrl+T 新建、Ctrl+D 收藏/不可收藏双路径实测（2026-10-07 复验） |<br /> <br /> ## 界面实拍（本机 150% DPI 真机运行；2026-10-08 全量修复后重拍）<br /> <br /> 新标签页（本地 HTML 快速入口，搜索直达；工程目录含中文，`file:///` 按 ⑨ 以 ASCII 路径展示）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204135d9v141iz1o4zov8l.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> <br /> 侧栏工作台 · 账号环境页（标题、四个页签按钮、新建 + 按钮、会话列表带状态/PID/操作按钮）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204219p12vyq21wv4uylsy.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> 新建账号环境表单（名称 / 打开地址 / 缓存目录 / 代理 / User-Agent）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204241f7ctkxx77ykdpykc.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> 书签页（★ 页签选中态，条目带打开/删除按钮；右侧百度页面完整铺满视口）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204255hkxqljvvvzjjy2w9.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> 重启后双账号环境自动恢复（新标签页/主环境/店铺一号三标签并列，标签标题=环境名、<br /> 选中「店铺一号」渲染哔哩哔哩首页）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204311sdpdkpb2rt1tjkcc.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> 切换到店铺一号（独立宿主进程渲染哔哩哔哩，与主环境的百度互不共享会话）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204327wukru5ninr2e7n38.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> Cookie 置入对话框（深色主题自绘：圆角面板、自绘标题与 ✕、深底浅字输入框、accent 置入按钮；<br /> 按稳定会话隔离，明文不落日志）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204344uopsp8uofnuop783.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> <br /> 悬停提示改为独立顶层窗（`NewEmojiHoverTipWindow`），完整浮在网页之上不再被遮挡：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204420uncsubbvmcrrvmmb.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> <br /> <br /> 环境列表新版式（一行四操作按钮 ▶切换 🍪Cookie ⏻关闭 ✕删除、标题/状态文字 DPI 正常）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204434nzd02zkdkdmzdbcd.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> 书签页列表（同批 RichList 修复：文字清晰、↗ 打开 / ✕ 删除一行对齐）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204446uv4dp2wzt2uunkuf.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> <br /> 侧栏页签悬停提示（★「书签」）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204542k6bur863kue66888.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> --- 右键菜单三件套 ---<br /> <br /> 标签页右键菜单（新建标签页 / 关闭标签页 / 关闭其他标签页；弹层浮于侧栏面板之上，<br /> 侧栏展开时右键标签同样不被遮挡）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204555m4vvasgp9p644699.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> 地址栏右键菜单（复制 / 剪切 / 粘贴 / 全选）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204607p42ti6255mz2i236.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> 网页右键菜单（返回 / 前进 / 打印 / 查看网页源代码）：<br /> <br /> <ignore_js_op> <img src="data/attachment/forum/202610/09/204624eiqcvyh66py6iciz.png" alt="image.png" title="image.png" /> </ignore_js_op> <br /> <br /> ## 架构要点<br /> <br /> - 网页像素由 **FBro 伴随宿主窗口**（`WS_POPUP + WS_EX_TOOLWINDOW` 顶层窗口）直接渲染，<br />   `BrowserViewport` 只是布局占位；主窗口移动/缩放/DPI 变化时宿主自动同步。<br /> - 账号环境 = 一实例一 `LingBuilderFbroHost` 进程 + 一条鉴权 WebSocket + 一个 Profile 目录 + 一个宿主 HWND。<br /> - 侧栏在视口左侧独立成区，收起时视口回满宽；展开/收起后经 `浏览器外壳_选择标签页` 触发宿主几何重同步。<br /> - 所有面板页（环境/书签/历史/设置/表单）为根容器下绝对定位控件组，用 `控件_设置可见` 互斥切换。<br /> - 标签条：Tabs 控件按 chromeMode 自绘、单个标签宽按标题内容自适应（97~221 逻辑px 实测共存）；<br />   「重排浏览器布局」不再按 `chromeMaxWidth` 反推（⑧B 已删猜测公式），改用 DLL 读回值：<br />   `NE标签页_取标签条内容宽` 定控件宽、`NE标签页_取项矩形2` 取末签矩形定右缘，+ 号放其后 8 逻辑像素处，<br />   读回失败退回 260/39 估算兜底；RichList 行内容可视宽 =<br />   列表宽 − 2×paddingX（280 − 20 = 260），行内节点 `x+w` 必须 ≤ 256 才不被滚动条带压到。<br /> - 数据文件（exe 同目录 `data/`）：<br />   - `settings.json` `{"homeUrl","searchTemplate"}`<br />   - `bookmarks.json` `[{"url","title","time"}]`<br />   - `history.json` `[{"url","title","time","count"}]`（最新在前，上限 2000）<br />   - `profiles.json` `[{"id","url","title","profile","proxy","ua"}]`（启动自动拉起）<br />   - `newtab.html`（每次保存设置时重新生成）<br /> <br /> <br /> <br /> ## 下载地址<br /> <br /> <a href="https://msimgimg.xyz/uploads/demo-dbqfbro-%E5%A4%9A%E6%A0%87%E7%AD%BE%E6%B5%8F%E8%A7%88%E5%99%A8.zip?v=mv0xquia" target="_blank">https://msimgimg.xyz/uploads/dem ... 9%A8.zip?v=mv0xquia</a><br /> <br />

C++源码

游客，如果您要查看本帖隐藏内容请回复

Looo

kk                        

给云朵续费

感谢分享

困成狗头

看看怎么个事

夜色迷人

路过，看看，支持下

Kaitlyn11

Xavier100

感谢分享

Penelope41

来看看，支持下

气泡水咕噜

看看怎么个事