浏览器

HTTPS你不知道的事你以为 HTTPS 就是"加个 S"？其实它背后是一整张安全大网。2011年，荷兰一家叫 Diginotar 的 CA 公司被黑客入侵。

网页 UI 终于能进游戏和 3D 场景了：HTML-in-Canvas 为什么重要如果只用一句话解释 HTML-in-Canvas：它让真实网页 UI 既保留“网页该有的好用”，又能进入 Canvas、WebGL、WebGPU 的视觉世界。

如何自己写一个浏览器插件？刷文章看到一句特别好的话，想存下来。复制，切到备忘录，粘贴，再切回来把链接也复制一遍……来回折腾好几下，有时候切回来页面还找不着了。

我给自己做了一个新标签页：不登录、不打扰、打开就能用有一天，我像往常一样打开浏览器，准备查点资料。结果第一秒不是进入工作状态，而是先被新标签页劝退了一下：搜索框、推荐内容、热点新闻、广告入口、各种我不一定想看的东西，一起挤在屏幕上。

Playwright 的 CDP Session 机制详解Playwright 的核心 API 是跨浏览器抽象层（Chromium / Firefox / WebKit 统一接口），但有些能力只有 CDP 才能提供：

ego lite：让 AI Agent 操作浏览器快 3 倍的秘密 ⭐如果你正在使用 Claude Code、Codex 或其他 AI 编程助手，你可能遇到过这样的痛点：今天要介绍的 ego lite，就是专门为解决这些问题而生的。

Cookie 作用域避坑：父域泄漏、同名优先级与多环境隔离团队里生产、测试、预发常常共用一个顶级域：www.example.com、www.test.example.com、www.uat.example.com。某天测试同学反馈一个诡异现象——明明把界面语言切成了中文，页面却时不时按英文渲染，偶尔还会在两种语言之间来回重定向；而这台机器之前刚访问过生产环境。打开 DevTools 一看，名为 lang 的 cookie 居然有两条：一条 domain 是 .example.com、值是 en，一条 domain 是 .test.example.com、值是 z

从「框架内部报错」到「请求头被网关截断」：一次 Sentry 排障与前端 Cookie 误用复盘线上 Sentry 突然冒出一类报错，栈顶全是框架内部代码，乍看像是框架本身的 bug。顺着排查下去，根因却落在一个最不起眼的地方——请求头被网关截断；而把请求头撑爆的，是前端往 Cookie 里塞了本不该放的大业务数据。

router.replace 之后紧跟 reload，页面为什么无限刷新？有个需求几乎每个前端都写过：从 URL 上读一个一次性参数——登录 token、邀请 code、渠道来源 ref——用完之后，把它从地址栏抹掉，再刷新一下页面让新状态生效。

爱看老照片

浏览器的同源策略以及跨源问题（浏览器的同域策略以及跨域问题）源 = 协议 + 主机 + 端口（如：http://192.168.0.0.1:8080）“同源”即是指协议、主机、端口三者都完成相同。

记一次坑爹的 Cloudflare Pages 部署：Failed to load module script 是怎么把我的 SPA 搞挂的昨天我们产品的官网项目发了个新版本，满心欢喜等用户反馈。结果没过多久，就有人报 Bug，说线上的网站白屏了。

浏览器本地存储 (cookie 、sessionStorage、localStorage)Cookie 是服务器发送到用户浏览器并保存在本地的一小段文本数据，浏览器在后续请求中会自动携带同源的 Cookie，用于会话管理、个性化设置和跟踪分析。

浏览器缓存最强攻略：强缓存、协商缓存、CDN、更新策略，一篇搞定网站加载慢？重复请求浪费带宽？用户总是看到旧版本？这些问题背后，都指向同一个关键词：缓存。今天我们从HTTP头开始，彻底搞懂强缓存、协商缓存、CDN缓存、前端静态资源版本管理，以及最常见的缓存坑和解决方案。

HTTP 强缓存和协商缓存（浏览器缓存）HTTP 缓存（也称浏览器缓存）分为两大类：强缓存和协商缓存。强缓存优先于协商缓存，强缓存命中时，浏览器直接使用本地副本，不会与服务器通信；若强缓存失效，则进入协商缓存阶段，向服务器验证资源是否更新。

初心丨哈士奇

一行 # 的差别：彻底搞懂前端路由的 hash 和 history 模式哈士奇下午看到内部的技术文章，发现history模式和hash模式竟然会影响浏览器的SEO，看到自己从没写过hash和history模式的文章，所以补充一下对这方面的了解并且写一篇文章出来给大家品鉴一下。

油猴脚本教程——元数据块开发环境使用脚本猫扩展点击跳转脚本猫官网我的CSDN个人主页什么是油猴脚本？依赖浏览器扩展运行的一段javascript代码，主要用于辅助工作。

从复制 Token 到复用登录态：site-fetchkit 的抽离过程做 Agent 网页读取时，最先撞到的不是解析规则，而是登录态。最早的做法是把页面 token 手动塞进环境变量，再由脚本拼请求头去抓内容。这个方案能快速验证，但站点一多就会反复踩同一个坑：token 过期、存储位置不统一、每个 skill 都要重复写一套"读取-校验-重登"逻辑。

从卡顿到顺滑，只差这几个优化同样的功能，为什么别人的网页纵享丝滑，你的却像在嚼炫迈？今天聊聊，怎么让网页从"卡"变成"顺"。墨渊书肆/从卡顿到顺滑，只差这几个优化

耿公子和编程

easybr指纹浏览器：轻量高效的环境隔离解决方案在自媒体多账号运营中，环境隔离一直是核心痛点。传统方案要么成本高昂，要么操作繁琐。easybr指纹浏览器凭借其轻量级设计和出色的性能，正在成为越来越多运营者的首选工具。

审判长烧鸡

【AI问答/前端】前端满天过海局（一）Axios感觉就像一堆ajax函数,再高深我就不懂了，Pinia可以当成是各组件之间的变量主动响应?这边改了,那边用到这个变量的也变了?跟vue插件传参不一样吧,感觉,vue还要写插槽传值(好像是这样,太久我忘了)。