haoge's Terminal

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

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 的工程实践最近把一个 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移植完全指南 作为一个10年PC客户端老兵，带你搞定Chromium UI的跨平台移植 背景之前我们实现了《手写一个极简Chromium浏览器》，很多同学对Chromium的架构有了初步认识。今天来点更深入的——把整个 Chromium UI (chromium_ui) 框架移植到 macOS！ Chromium UI 是什么？Chromium UI 是 Chromium 浏览器的UI层框架，包含： 12345678910111213141516171819202122232425┌─────────────────────────────────────────────────────────────┐│ chromium_ui 架构 │├─────────────────────────────────────────────────────────────┤│ ┌──────────────────────────────────────────...

手写一个极简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 观看量最高的视频整理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 设备我们很高兴地宣布，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...

Chrome 新功能：减少通知干扰我们一直在努力提升您的浏览体验。为了帮助您减少噪音干扰、降低通知过载问题，Chrome 正在推出一项新功能——自动移除您最近未交互网站的通知权限。 功能介绍目前，Chrome 的安全检查（Safety Check）已经为相机和位置权限提供类似的功能。新功能将这一保护扩展到了通知权限。 工作原理 Chrome 会自动检测您长时间未访问的网站 对于这些网站，Chrome 将自动移除其通知权限 这意味着您不会收到那些”僵尸”网站的无用通知 推出时间该功能将在 Chrome 桌面端和移动端陆续推出。 用户收益 🔕 更安静: 减少不必要的通知干扰 🛡️ 更安全: 自动移除潜在风险的权限 ⏰ 更省心: 无需手动清理权限 原文链接: Reducing notification overload for a quieter browsing experience in Chrome

Skia Graphite：Chrome 的新一代光栅化后端今天的 “The Fast and the Curious” 文章介绍了 Skia 全新光栅化后端 Graphite 在 Apple Silicon Mac 上的发布。Graphite 在帮助 Chrome 实现卓越的 Speedometer 3.1 评分中发挥了关键作用。 什么是 Skia Graphite？Skia Graphite 是一个全新的硬件加速光栅化后端，专为现代 GPU 设计。它的主要特点包括： 核心特性 🚀 硬件加速: 利用现代 GPU 的强大能力 ⚡ 高性能: 显著提升渲染效率 🔧 可移植性: 支持多种硬件平台 性能提升得益于 Graphite，Chrome 在 Apple Silicon Mac 上实现了突破性的性能表现： Speedometer 3.1 最高分: Chrome 创下了该测试的最高记录 数百万小时: 为用户节省了数百万小时的等待时间 技术细节Graphite 通过以下方式提升性能： 更智能的渲染管线: 减少不必要的 GPU 状态切换 更高效的内存使用: 降低显存占用 更好...

Arc与Dia浏览器：极客工作流与AI交互的终极对决概述Arc 浏览器和 Dia 浏览器均出自 The Browser Company（推出 Arc 浏览器的公司）。Arc 以其独特的工作流设计赢得极客用户青睐，而 Dia 则代表了 AI 浏览器的未来方向。本文深入解析这两款浏览器的技术架构与市场定位。 一、Arc 浏览器：极客式工作流革新1. 技术架构与核心功能 内核基础：基于 Chromium 引擎开发，兼容 Chrome 扩展生态。 界面设计： 垂直标签栏：左侧边栏（Arc Library）整合 Spaces（工作区）、Pinned 标签、笔记、画架（Easels）等生产力工具。 命令栏（Command Bar）：支持快捷键快速执行搜索、分屏、开发者工具等操作。 AI 集成： 内置免费 AI 助手 Max：支持网页摘要、自动标签重命名、ChatGPT 式对话（无需 API 密钥）。 智能搜索（Browse For Me）：自动抓取并整合多源搜索结果。 组织管理： Spaces & Profiles：多场景分区（工作/学习/兴趣），支持独...