浏览器

浏览器强缓存还未过期，但服务器资源已经变了怎么办？在前端开发中，我们常通过浏览器的缓存机制来提升页面加载速度和用户体验。尤其是强缓存（Strong Cache），能让浏览器在下次访问资源时完全不发出网络请求，直接使用本地缓存，大幅节省请求时间。

打小就很皮...

浏览器存储 Cookie，Local Storage和Session Storage

chrome 浏览器怎么不自动提示是否翻译网站每次访问外国语网页都会弹出这个对话框，很是麻烦，每次都得手动关闭一下。不让他弹出来方法：设置=》语言=》首选语言=》添加语言，搜索英语添加上

【浏览器网络请求全过程】浏览器是多进程的，进程包括：可通过 chrome更多工具 > 任务管理器查看浏览器当前进程浏览器内核是多线程的，包括：

Cursor 写一个网页标题重命名的浏览器插件平时开发过程中会打开好多好多的浏览器标签页，虽然 Chrome 出了分类标签，但用着用着会发现每个分类又多了很多标签，prd、前后端技术方案、case、ones 越点越多，到最后很难分清哪个网页有用，只能一个一个看一个一个关。

1、为什么浏览器要有渲染流程？ ——带你一口气吃透 Critical Rendering Path每次我们在浏览器里敲下网址，回车的一瞬间，后台其实已经像高考考场开考一样，疯狂忙碌了起来。页面并不是“啪”地一下就蹦出来的。而是经历了一套繁杂得要命的流程，这套流程就叫做 —— Critical Rendering Path（简称 CRP），直译叫“关键渲染路径”。

浏览器插件，提示：此扩展程序未遵循 Chrome 扩展程序的最佳实践，因此已无法再使用1、发现的问题如下：如果你是比较新的 Chrome 135.0.7049.42（含）以上版本的话，可以通过修改 chorme://flags 来彻底解决。

通过performance面板验证浏览器资源加载与渲染机制一个网页的核心由HTML、CSS和JavaScript组成，三者协同工作以呈现内容并实现交互。但浏览器如何解析这些资源？加载顺序如何影响用户体验？读完本本文你将彻底弄懂以下核心知识

真实业务场景：在React中使用Web Worker实现HTML导出PDF的性能优化实践在管理后台系统中，报表导出是常见的需求。当我们将复杂DOM结构转换为PDF时，传统方案（如直接使用jsPDF）在会导致主线程阻塞，造成页面卡顿。本文介绍如何通过Web Worker优化这一过程。

浏览器如何确定最终的CSS属性值？解析计算优先级与规则上篇文章中有提到CSS值的处理过程，但如果想要确定一个元素的最终样式值可以不需要这么多步。实际上我们写的任何一个标签元素无论写没写样式，它都会有一套完整的样式。理解这一点非常重要‼️

微软Edge浏览器字体设置时间：2025年4月自2025年4月起，微软Edge浏览器的默认字体被微软从微软雅黑替换成了Noto Sans，如下图。Noto Sans字体与微软雅黑风格差不多，但在4K以下分辨率的显示器上较微软雅黑更模糊，因此低分辨率的显示器建议将字体换回微软雅黑，下文介绍设置方法。

魔改chromium源码——自定义浏览器启动参数在进行以下操作之前，请确保已完成之前文章中提到的源码拉取及编译部分。如果已顺利完成相关配置，即可继续执行后续操作。

codingandsleeping

OPTIONS 预检请求预检请求是浏览器在发送某些跨域请求之前，会发送一个 OPTIONS 请求，目的是为了确认服务器是否允许该跨域请求。

codingandsleeping

DNS 解析规则当用户在浏览器地址栏输入 URL 并按下回车键时，浏览器首先会对域名进行 DNS 解析，将域名转换为 IP 地址。

亚像素渲染：浏览器如何处理小数像素的渲染？最近遇到一个这样的问题，在一些机型上的loading转圈动画看起来有点抖，转起来像个椭圆，心想会不会是这个icon宽高不同造成的，但看了一眼代码里面宽高写的是一样，按理来说这个loading应该是一个正圆，旋转起来不应该抖才是的。

ChromeOS 135 版本更新为了延长 Chromebook 的使用寿命，ChromeOS 135 引入了一项全新的电池充电限制策略 —— DevicePowerBatteryChargingOptimization，可提供更多充电优化选项，从而有效降低电池老化风险并提升长期可靠性。

魔改chromium源码——canvas指纹修改第二节在进行以下操作之前，请确保已完成之前文章中提到的源码拉取及编译部分。如果已顺利完成相关配置，即可继续执行后续操作。

魔改chromium源码——新增自定义变量到windows属性在进行以下操作之前，请确保已完成之前文章中提到的源码拉取及编译部分。如果已顺利完成相关配置，即可继续执行后续操作。

浏览器调试实战：从前端开发到线上问题定位的高效技巧全解析在前端开发过程中，浏览器调试是一项不可或缺的技能。无论是寻找代码中的错误，优化性能，还是理解页面渲染过程，掌握有效的调试方法都能大大提高开发效率。本文将以Google Chrome（129.0.6668.101）介绍一些常用的浏览器调试技巧，帮助开发者快速定位问题并解决。

使用js创建img加载阿里云oss图片跨域的问题我们项目有个场景是需要前端将部分页面内容转成图片传给后端使用，这里我们用的是html-to-image插件，之前有写过一篇介绍这个插件，详情可以移步这里🚩