浏览器

摸着石头过河的石头

HTTP内容类型：从基础到实战的全方位解析在现代Web开发中，HTTP请求内容类型（Content-Type）是一个看似简单却极其重要的概念。无论是前端开发、后端开发还是API设计，理解不同的内容类型及其应用场景都能帮助我们构建更高效、更可靠的Web应用。

前端小白1995

面试取经：浏览器篇-跨标签页通信标签页之间可以进行数据传递BroadCast Channel 可以帮我们创建一个用于广播的通信频道。当所有页面都监听同一频道的消息时，其中某一个页面通过它发送的消息就会被其他所有页面收到。但是前提是同源页面。

前端拿破轮

从零到一开发一个Chrome插件（三）大家好啊，我是前端拿破轮。作为一个前端工程师，Chrome在我们的工作中扮演着重要作用。它不仅是前端的主要运行环境，而且是我们代码调试的重要工具，也是平时学习生活使用的重要软件。

🚀2025年Web开发的20大痛点，每一个都让前端想转行！2025年的Web开发，表面上框架百花齐放，工具链日益完善，但深层的痛点却更加复杂和隐蔽。每个新特性都伴随着新的兼容性问题，每个优化方案都可能引发意想不到的副作用。

Mixed Content 问题及解决方案详解在开发浏览器插件时，遇到了一个典型的 Mixed Content（混合内容）问题。本文详细解释这个问题的原因、影响以及解决方案。

浏览器插件开发的大致流程详解~金金金上线！话不多，只讲你能听懂的前端知识开发浏览器插件的流程通常是选择合适的技术栈和项目模板（如基于 Vite + Vue 的模板），然后在扩展清单配置文件（如 manifest.config.ts）中定义扩展的基本信息、权限和资源，接着使用现代前端框架（如 Vue）语法结合浏览器扩展 API（如 chrome.action、chrome.sidePanel 等）来实现具体功能，最后通过构建工具（如 Vite 配合 @crxjs/vite-plugin）将代码打包成标准的浏览器扩展格式。

BUG收容所所长

为什么浏览器要有同源策略？跨域问题怎么优雅解决？——一份面向初学者的全流程解读你是否曾经在开发中遇到过这样的情况：前端页面和后端接口明明都能正常访问，浏览器却报出一个令人困惑的“跨域错误”？这背后其实是浏览器的一项重要安全机制——同源策略在发挥作用。本文将带你深入了解同源策略的来龙去脉，并系统介绍六种主流的跨域解决方案，帮助你从零开始掌握跨域知识。

前端拿破轮

从零到一开发一个Chrome插件（一）大家好啊，我是前端拿破轮。作为一个前端工程师，Chrome在我们的工作中扮演着重要作用。它不仅是前端的主要运行环境，而且是我们代码调试的重要工具，也是平时学习生活使用的重要软件。

掘金安东尼

🚀 6 行 HTML，让应用瞬间“起飞”：Speculation Rules API 全解析本篇依然来自于我们的《前端周刊》项目！由团队成员掘金安东尼翻译，欢迎大家进群持续追踪全球最新前端资讯!!

Chrome插件开发：将脚本注入到当前活动的标签页中金金金上线！话不多，只讲你能听懂的前端知识首先，在 manifest.json 文件中注册 Service Worker：

Chrome插件开发：在网页上运行脚本金金金上线！话不多，只讲你能听懂的前端知识扩展程序可以运行脚本，以读取和修改网页内容。这些脚本称为内容脚本。它们位于隔离的世界中，这意味着它们可以更改自己的 JavaScript 环境，而不会与其托管页面或其他扩展程序的内容脚本发生冲突。

从0到1：手把手带你开发第一个Chrome插件金金金上线！话不多，只讲你能听懂的前端知识谁不想拥有一个属于自己的浏览器插件呢~如需在开发者模式下加载未封装的扩展程序，请执行以下操作：

敲代码的彭于晏

localStorage 不够用？试试 IndexedDB ！在前端开发过程中，偶尔会遇到需要存储大量数据在前端的情况。localstorage 单个域名存储大小只有5M，此时 indexedDB 便派上了用场。

写了那么久的前端，你真的了解浏览器背后的“小动作“吗？在开发中，我们常聚焦于代码的健壮性和执行效率，却较少从浏览器角度思考其代码执行方式。本文将着重讲解浏览器的执行机制，助力开发者优化代码，提升 Web 应用性能

JavaScript 运行机制详解：再谈 Event Loop同步更新至个人站点: JavaScript 运行机制详解：再谈 Event Loop本文从经典的 Promise 与 setTimeout 执行顺序问题入手，深入浅出地剖析了 JavaScript 的单线程模型、事件循环（Event Loop）机制。通过辨析宏任务与微任务的区别与优先级，帮助你彻底理解 JS 异步执行的底层原理，看懂页面卡顿的真相。

js使用History.replaceState实现不刷新修改浏览器url在 Web 开发中，浏览器的历史记录管理是一个重要的功能。HTML5 引入了 History 接口的新方法，其中History.replaceState()便是其中之一。它允许开发者在不刷新页面的情况下，修改当前历史记录条目，从而实现动态更新浏览器地址栏的 URL，同时与页面的状态进行关联。

Uncaught URIError: URI malformed 报错如何解决？前几天遇到一个线上问题反馈，用户的某一个文件访问对应的页面时，加载不出来，其他文件都没有问题，拿到这个文件后一看，大概知道了原因，文件名称包含了 % ，name作为query参数拼接到了url后面，name没有做编码，导致浏览器自动解码时遇到 % 报错，结果给用户的表现就是页面空白，啥也没有。

浏览器垃圾回收机制：V8引擎的“清道夫”是怎样工作的？想象一下，你的浏览器就像一个繁忙的办公室，各种各样的任务（网页、脚本、图片）都在这里有条不紊地进行着。每个任务都需要占用一定的“办公空间”（内存）。如果这些任务用完空间后不及时清理，或者有些任务偷偷摸摸地占着空间不放，那这个办公室很快就会变得一团糟，甚至瘫痪。这就是我们常说的“内存泄漏”和“内存溢出”！

白雾茫茫丶

浏览器进程模型及事件循环机制程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进程有了进程后，就可以运行程序的代码了。一个进程至少有一个线程，所以在进程开启后会自动创建一个线程来运行代码，该线程称之为主线程。如果程序需要同时执行多块代码，主线程就会启动更多的线程来执行代码，所以一个进程中可以包含多个线程。