浏览器

浏览器扩展 E2E 测试的救星：vitest-environment-web-ext 让你告别繁琐配置FliPPeDround前端工程师 · 开源爱好者 · 正在找工作如果你曾尝试为浏览器扩展编写 E2E 测试，你大概率会遇到这样的困境：测试环境配置复杂、Playwright 与扩展的集成困难、缺乏统一的测试框架支持。更糟糕的是，当你想要使用 Vitest 这种更现代、更快速的测试框架时，却发现没有合适的浏览器扩展环境支持。

浏览器存储：localStorage / sessionStorage / cookie 应该怎么用同学们好，我是 Eugene（尤金），一个拥有多年中后台开发经验的前端工程师~（Eugene 发音很简单，/juːˈdʒiːn/，大家怎么顺口怎么叫就好）

浏览器渲染原理浏览器渲染原理是前端性能优化的理论基础，理解浏览器如何将HTML、CSS和JavaScript转换为用户可见的网页，对于编写高性能的前端代码至关重要。本文将详细讲解浏览器渲染的完整流程。

2026年如何批量保存小红书作者主页的视频、图片和文案？刷小红书时看到绝美壁纸想保存，却发现右下角有水印？遇到喜欢的博主想把 TA 主页的视频存下来慢慢看，却只能一个个手动保存，甚至还在用录屏？

网页白屏的原理与优化那天，产品经理在给客户演示功能，他自信地打开网页，一秒后页面还没加载出来，他愣了一下自嘲说，今天网速有点慢；三秒后还是白屏，他开始忍不住点击鼠标，试图唤醒网页；五秒后依然白屏，客户尴尬地说要不下次。。。由此可见，白屏时间直接影响用户体验，关乎用户留存率。

从输入URL到页面显示的完整技术流程在Web应用场景中，用户输入统一资源定位符（URL）到页面最终渲染显示，是一个涉及浏览器、网络协议、服务器交互的复杂技术链路。该链路涵盖URL解析、DNS域名解析、TCP/TLS连接建立、HTTP请求响应、浏览器渲染等多个核心环节，各环节紧密衔接、协同工作，直接决定了页面加载速度与交互体验。本文将从技术原理出发，系统拆解整个流程的核心机制，梳理各环节的关键技术要点，为相关技术研究、开发实践及面试备考提供严谨、客观的参考依据。

从输入 URL 到页面展示的完整链路解析“从输入 URL 到页面展示，这中间发生了什么？”这是一道计算机网络与浏览器原理的经典面试题。它看似基础，实则深不见底。对于初级开发者，可能只需要回答“DNS 解析、建立连接、下载文件、渲染页面”即可；但对于高级工程师而言，这道题考察的是对网络协议栈、浏览器多进程架构、渲染流水线以及性能优化的系统性理解。

CSS 语法学习文档（十五）目录第十五篇：性能、渲染与兼容性15.1 渲染性能15.1.1 浏览器渲染流程15.1.2 重排与重绘的触发条件与优化

Media Source Extensions (MSE) 详解Media Source Extensions (MSE) 是一套浏览器 Web API，允许 JavaScript 动态地为 <audio> 和 <video> 元素提供媒体数据，而无需依赖 Flash 等插件。

Browser-Use：用自然语言控制浏览器，告别脆弱的自动化脚本如果你想持续获取更多相关资讯，欢迎关注 x-cmd 博客。写浏览器自动化脚本最烦什么？页面一改，定位器（selector）全失效，脚本得重写。Selenium、Puppeteer 功能强大，但维护那些脆弱的过程式脚本让人头疼。

Claude Code配合Astro + GitHub Pages：为 sharelatex-ce 打造现代化的开源项目宣传页开源项目宣传页: https://xuhe2.github.io/sharelatex-ce/因为自建协作环境不该比写论文本身还难，所以我做了 sharelatex-ce 来实现真正的“一键式” Overleaf 私有化部署体验。

西凉的悲伤

Java使用Playwright自动化测试教程——java爬取数据Playwright github页面 Playwright官网说明文档运行上面的代码，会运行无头浏览器在后台打开 https://blog.csdn.net/qq_33697094 网页，然后截图为example.png 保存到当前项目目录下。

【前端开发之JavaScript】（一）JavaScript 入门宝典：从起源到运行全拆解如果说网页是一个鲜活的生命体，那 HTML 只是冰冷的骨骼架构，CSS 是精致的外表装扮，而JavaScript，就是让这个生命体拥有呼吸、动作、感知的核心灵魂。

深入浏览器指纹：Canvas、WebGL、Audio是如何暴露你的身份的？你以为清除了Cookie就安全了？2025年约翰霍普金斯大学的研究首次证实：浏览器指纹追踪比你想象的更普遍，而且你几乎无法阻止它。

Web文件下载 : 从PDF预览Bug到Hook架构演进在 Web 开发中，下载功能看似简单，却隐藏着浏览器行为差异与跨域安全限制的陷阱。今天，我原本只想做一个导出不同文件格式的功能，却遇到了一个bug：生成Word或MD文件时，Chrome浏览器都会正常弹出下载框，但导出PDF文件时却不行——PDF会直接在当前页面预览，看起来明明是要下载PDF，结果却直接进入了预览模式，而且我原本打开的页面还被这个预览页面覆盖了。

Puppeteer 与 Selenium 对比分析Puppeteer 和 Selenium 都是浏览器自动化工具，但设计目标不同，各有侧重。本文档将详细介绍两者的核心特性、架构原理、使用场景，并通过详细的对比分析帮助开发者根据实际需求选择合适的工具。

Cookie 原理详解：Domain / Path / SameSite 一步错，生产环境直接翻车关键词：Cookie 原理、Cookie Domain、Cookie Path、Cookie SameSite、生产环境 Cookie 冲突

浏览器唤起桌面端应用(进阶篇)在基础篇中，我们已经实现了：本篇作为进阶版，核心目标不再只是「能唤起」，而是：在多版本桌面程序共存的情况下，实现“可控、可扩展、可演进”的版本选择机制

浏览器唤起本地桌面应用(基础版)适用场景：在 Web 页面中通过点击按钮，直接打开本地安装的桌面端应用。技术关键词：Windows 注册表、URL Protocol、自定义协议、前端交互

LongtengGensSupreme

后端设置了跨域但是还是提示跨域问题，原因是这里有两个独立的安全策略在起作用：Chrome和Edge浏览器安全策略强制修改方案后端设置跨域：Access-Control-Allow-Origin: *Access-Control-Allow-Private-Network: true