Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment
Lynx 源码学习 Day 1:从 main 到屏幕像素
作者背景:C++ PC 客户端老兵,想用 Lynx 替代 DuiLib,用 JS 写 PC 客户端 UI。 一、入口在哪里Lynx Explorer 的 main.cc 只有 25 行,非常干净: 1234567891011121314151617int APIENTRY wWinMain(HINSTANCE instance, ...) { auto& lynx_env = lynx::pub::LynxEnv::GetInstance(); // ① 初始化环境 lynx_env.SetDevtoolEnabled(true); lynx_env.RegisterNativeModule("ExplorerModule", // ② 注册原生模块 ExplorerModuleCreator, nullptr); auto* window = new LynxWindow(0, 0, 800, 600); // ③ 创建窗口 wind...
Lynx 源码学习 Day 1:从 main 到屏幕像素
作者背景:C++ PC 客户端老兵,想用 Lynx 替代 DuiLib,用 JS 写 PC 客户端 UI。 一、入口在哪里Lynx Explorer 的 main.cc 只有 25 行,非常干净: 1234567891011121314151617int APIENTRY wWinMain(HINSTANCE instance, ...) { auto& lynx_env = lynx::pub::LynxEnv::GetInstance(); // ① 初始化环境 lynx_env.SetDevtoolEnabled(true); lynx_env.RegisterNativeModule("ExplorerModule", // ② 注册原生模块 ExplorerModuleCreator, nullptr); auto* window = new LynxWindow(0, 0, 800, 600); // ③ 创建窗口 wind...
Lynx Explorer Windows 手动编译指南
Lynx Explorer Windows 手动编译指南 手动编译 Lynx Explorer 全流程记录,适用于 Windows + VS2022 环境 1. 环境准备安装必要工具链: VS2022 Community Windows SDK 10 Git Node.js 22+ 每次开新终端都需要执行以下环境变量设置: 123$env:DEPOT_TOOLS_WIN_TOOLCHAIN=0$env:GYP_MSVS_OVERRIDE_PATH="C:\Program Files\Microsoft Visual Studio\2022\Community"$env:WINDOWSSDKDIR="C:\Program Files (x86)\Windows Kits\10" 2. 同步依赖1234cd H:\open\lynx# 用 hab 同步第三方依赖(耗时较长)powershell -ExecutionPolicy Bypass -File .\hab.ps1 sync . --target clay 3. 确认构建工具存...
Android 创下移动端 Web 性能新纪录
Google 宣布 Android 在移动端 Web 性能基准测试中创下新纪录。根据 Speedometer 和 LoadLine 测试结果,最新的旗舰 Android 设备比竞品高出 47%。 关键数据 Speedometer:衡量 Web 应用响应性,Android 旗舰机得分大幅领先 LoadLine:端到端页面加载测试,Android 表现最优 相比上一代机型,页面加载快 4-6%,高百分位交互快 6-9% 成功原因垂直优化:从芯片到软件的全栈调优 与 SoC 和 OEM 厂商合作优化 Chrome 和内核调度策略 部分机型相比去年提升 20-60% 来源:Chromium Blog - Android Sets New Record for Mobile Web Performance
Aura UI 框架 macOS 移植:跨平台 UI 的工程实践
Aura UI 框架 macOS 移植:跨平台 UI 的工程实践最近把一个 Windows 平台土生土长的 UI 框架 Aura UI 跑到了 macOS 上。整个过程比预想的要折腾,但也积累了不少跨平台 UI 移植的经验,记录一下。 1. 项目背景:Aura UI 是什么Aura UI 是一个轻量级的跨平台 UI 框架,最早服务于 PC 浏览器产品线。核心设计思路是:平台无关的业务逻辑 + 平台相关的渲染层,通过抽象层隔离差异。 框架结构大致如下: 12345aura/ # 平台无关层:View, Widget, Button, Label...gfx/ # 2D 图形:Canvas, Color, Font, Bitmap...animation/ # 动画引擎:Tween, LinearAnimation...message_framework/ # 消息循环base/ # 基础库:原子操作、线程检查、类型定义... 原有实现完全基于 Windows GDI/GDI+,所有渲染都通过 Ca...
Chromium UI框架 macOS移植完全指南 - 从Windows到Apple Silicon
Chromium UI框架 macOS移植完全指南 作为一个10年PC客户端老兵,带你搞定Chromium UI的跨平台移植 背景之前我们实现了《手写一个极简Chromium浏览器》,很多同学对Chromium的架构有了初步认识。今天来点更深入的——把整个 Chromium UI (chromium_ui) 框架移植到 macOS! Chromium UI 是什么?Chromium UI 是 Chromium 浏览器的UI层框架,包含: 12345678910111213141516171819202122232425┌─────────────────────────────────────────────────────────────┐│ chromium_ui 架构 │├─────────────────────────────────────────────────────────────┤│ ┌──────────────────────────────────────────...
手写一个极简Chromium浏览器
手写一个极简Chromium浏览器 作为一个PC客户端开发老兵,带你用300行代码理解Chromium架构 背景很多同学想学习Chromium内核,但面对几千万行代码望而却步。今天我带大家用最简单的方式,实现一个”类Chromium”浏览器,核心代码只有约300行。 技术选型为什么选择WebView2? 微软官方提供的Chromium嵌入控件 保留Chromium核心能力(JS引擎、渲染、网络) API简单易学 不需要了解Chromium内部复杂架构 vs 完整Chromium 特性 完整Chromium 我们的极简版 代码量 千万行 ~300行 进程数 多个 1个 编译时间 小时级 秒级 学习曲线 陡峭 平缓 核心实现1. 窗口创建123456789// 创建主窗口g_hwnd = CreateWindowExW( 0, kClassName, L"MiniChromium", WS_OVERLAPPEDWINDOW, CW_USEDEFAULT, CW_USEDEFAULT, 1200, 800,...
BlinkOn Talks 观看量最高的3个视频 - 技术干货整理
BlinkOn Talks 观看量最高的视频整理BlinkOn 是 Google Chrome 团队的内部技术会议,分享浏览器内核、渲染引擎、V8 等核心技术。本文整理了 @BlinkOn Talks YouTube 频道观看量最高的 3 个视频。 1. Life of a Pixel (29,001 次观看)视频地址: https://www.youtube.com/watch?v=K2QHdgAKP-s 内容简介“Life of a Pixel” 是 Chrome 团队新人入职的必学资料,讲解 Chromium 如何从 HTML/CSS/JS 渲染到屏幕上的像素。 渲染流程演讲跟踪了 Web 内容到显示像素的所有步骤: HTML → DOM Tree - 解析 HTML 构建 DOM 树 CSS → Style - 整合 CSS 构建 Render Tree Layout - 排版到 Paint Tree Paint → Layer - 转到 Layer Tree Compositing - 合成线程分块 Rasterization - 光栅化到 GP...
Chrome 即将登陆 ARM64 Linux 设备
Chrome 即将登陆 ARM64 Linux 设备我们很高兴地宣布,Google 将于 2026 年第二季度推出适用于 ARM64 Linux 设备的 Chrome 浏览器。这继 2020 年 Chrome 成功扩展到 Arm 驱动的 macOS 设备以及 2024 年扩展到 Arm 驱动的 Windows 设备之后,又一重要里程碑。 为什么这很重要为 ARM64 Linux 设备推出 Chrome,可以让更多用户享受到 Google 最具价值的服务与浏览器无缝集成的体验。这一举措回应了市场对浏览体验日益增长的需求——即结合开源 Chromium 项目优势与 Arm 架构效率的浏览体验。 影响 更广泛的可访问性: Linux 用户将首次能够在 ARM 设备上获得原生 Chrome 体验 性能优化: ARM 架构的效率将带来更好的电池续航和性能表现 一致性: 与 macOS 和 Windows 上的 Chrome 体验保持一致 展望未来这是 Chrome 扩展其跨平台能力的重要一步。我们期待在 2026 年第二季度正式发布时,能够为更多用户带来优质的浏览体验。 原文链接: B...