浏览器

AAA程序技术

从 DOM 到屏幕：浏览器渲染管线六步拆解输入一个 URL 后，HTML 是怎么变成屏幕上那些像素的？本文沿着解析 → 布局 → 绘制 → 光栅化 → 合成的完整链路，看看每个阶段各自解决了什么问题。

Cache API 会丢掉 URL 里的 #：我的 9 个模型分块一直写在同一条缓存上做浏览器端抠图的时候，我给「极致质量」档的大模型做了分块缓存：解压后的模型按 32MB 一块切开，分别 cache.put 进 Cache API，最后再写一份清单，记下块数和总字节数。下次打开页面，先读清单，把块拼回来，再交给 onnxruntime-web 建会话。

Armbian 上为虚拟桌面安装 Chromium 浏览器上一篇写了整套远程桌面的搭建（Xvfb + XFCE + noVNC + nps），这篇单独把“浏览器”这个环节展开讲。看起来只是 apt install 一条命令的事，但在 root 用户、无真实屏幕、ARM 架构这几个条件叠加下，我实际踩了四五个坑。如果你也在 Armbian / 树莓派 / 任何 ARM 板子上装 Chromium，这篇文章应该能帮你少走弯路。

浏览器成了AI应用的新入口：智能体接管标签页之后，三本账谁买单# 浏览器成了AI应用的新入口：智能体接管标签页之后，三本账谁买单10 月 14 日，Google 把 chrome-devtools-mcp 开源，让 Claude、Cursor、Copilot 这些编程智能体通过 MCP 协议去接一个 Chrome 的调试接口；24 小时后，OpenAI 反手把 Computer Use 塞进 ChatGPT 的 Chrome 扩展，版本号 1.26.1005.11759，装机用户约 700 万，免费套餐也能用。两家巨头在同一个屏幕上同一天正面对撞，这在浏览器三十年的

对于CSS：弹性布局（Flexbox）的解析hello 大家，本篇博客我们来学习CSS中的弹性布局。大家好，欢迎来到这篇专为零基础同学打造的 CSS 弹性布局终极解析长文！如果你刚接触前端开发，一定被 CSS 布局折磨过无数次：

我做了一个 Chrome 插件，专治“这篇文章我明明看过，但重点去哪了？”你有没有过这种情况：我后来发现，问题不在于我们没有收藏工具。问题是：收藏保存的是网页，而我们真正想保存的是当时的理解。

我给自己写的工具，连着骗了我七次那天下午我在干一件很琐碎的事：把一篇文章发到公众号和掘金。草稿早就存好了，正文、图片、摘要都齐了，就差把封面传上去。封面那一步要点系统的文件选择框，鼠标键盘都够不着，只能走 Chrome 的调试协议把文件塞进去。

对于HTML：HTML常见标签的解析—上hello 大家，本篇博客我们来学习HTML的常见标签在开始我们的 HTML 标签探索之旅前，先问大家一个问题：我们每天在浏览器里看到的精彩纷呈的网页，到底是由什么构成的呢？答案其实很简单 ——HTML 标签。

Chrome 浏览器安全指南：常见风险、隐私设置与防护建议很多人会把浏览器安全理解为"装个杀毒软件"或"不点陌生链接"。实际上，浏览器安全更依赖日常设置和使用习惯。账号是否开启两步验证、扩展权限是否过多、密码是否重复使用、公共设备上是否及时退出登录，都会直接影响安全水平。

Chrome四大版本获取及共存指南：Stable/Beta/Dev/CanaryChrome浏览器采用多通道发布策略，通过Stable、Beta、Dev、Canary四个渠道实现从实验到稳定的渐进式发布。每个渠道在更新频率、功能成熟度和稳定性上存在显著差异，满足不同用户群体的需求。

新兴浏览器内核能和 Chrome 有一战之力吗？Servo、Ladybird、WebKit 与 Gecko 的技术格局分析很多人问：现在还有没有浏览器内核能挑战 Chrome？答案并不简单。如果看市场份额，Chrome 仍然几乎不可撼动；但如果看技术路线，2026 年确实出现了一些值得关注的变量：Servo、Ladybird、WebKit 和 Gecko 都在不同方向上提供替代方案。

Chrome 快捷键效率提升：10 个常用快捷键，把浏览速度提升一个量级很多人用 Chrome 时习惯全程依赖鼠标：新建标签页要点加号，切换标签页要逐个点击，关闭页面也要移动光标。其实，只要熟练使用快捷键，就能让手一直留在键盘上，减少视线和操作的切换。

2027 年浏览器展望：Chrome 与 Edge 的 AI 智能体进化方向随着 Chrome Canary 和 Edge Canary 持续测试 AI 相关能力，2027 年的浏览器竞争已经不再只是“谁更快、谁更省内存”，而是逐步转向 AI 智能体、跨应用协作、办公效率与开发者生态。Chrome 和 Edge 虽然都基于 Chromium，但未来一年的演进路径正在出现更明显的分化。

OmniGame 技术白皮书：从零依赖到 WebRTC P2P，重新定义网页小游戏的工程上限摸鱼无界 · 对决瞬发当 100+ 款游戏装进浏览器，当 WebRTC 把局域网延迟压到 5ms 以内，当 Shadow DOM 让每一款游戏互不干扰——这就是 OmniGame。

除了谷歌服务，Chrome和其他Chromium浏览器有什么与众不同？很多人把"Chrome"和"Chromium"混为一谈，但它们的关系其实很明确：Chromium是开源项目，Chrome是谷歌基于Chromium构建的商业产品。

被摘下的星星

浏览器为什么“遇到标签才请求资源”？简单来说，浏览器是一个安装在你的电脑或手机上的软件，它的核心使命是：把互联网上的代码，翻译成你能看懂、能点击、能观看的网页。

http缓存与浏览器缓存HTTP 缓存是浏览器、代理服务器、CDN 等根据 HTTP 响应头，把资源副本保存下来，后续请求尽量复用，从而减少网络请求、加快加载、降低服务器压力。

坚定信念，勇往无前

浏览器插件技术-wxt核心思路：博客页面负责“选中文章”，WXT 插件负责“同步到其他平台”。网页不直接调用各平台 API，所有发布逻辑收敛在扩展后台，凭证不暴露给网页。

Chrome打开某网站突然卡顿，是中了“挖矿病毒”吗？你是否遇到过这种情况：电脑明明没运行什么大程序，但一打开某个特定网页，Chrome浏览器就瞬间变得卡顿无比，鼠标移动迟缓，甚至能听到电脑风扇开始“呼呼”狂转？

把 10 个小工具做成"单文件网页"：不装、不联网、不上传，我踩过的 7 个坑前一阵子想给自己的图片处理流程做点趁手的小工具。要求很土：双击就能用，不装软件，不联网，照片不上传。做完之后是 10 个 html 文件，每个 7–12KB，加起来不到 90KB。它们不需要服务器，因为它们整个程序就是那个文件本身。