浏览器

魔改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插件，之前有写过一篇介绍这个插件，详情可以移步这里🚩

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

一次搞懂前端拖拽方案拖拽交互在前端应用中无处不在：文件上传、列表排序、拖拽布局、可视化编辑器等。前端实现拖拽的方式主要有两种：

一文说清浏览器事件循环机制所有细节js 运行的环境。JavaScript 运行时实际上维护了一组用于执行 JavaScript 代码的代理。

一文说清垃圾回收机制、闭包与上下文上下文是指代码在执行时所处的环境，包括变量、函数、对象和执行期间的状态。决定变量或函数可以访问哪些数据，以及他们的行为、变量的生命周期，用于确定什么时候释放变量的内存。

Chrome 135 版本开发者工具（DevTools）更新内容Performance > Summary（性能 > 概览）选项卡现在会显示配置分析（profile）和函数调用相关的脚本及来源链接，这样就不需要再将鼠标悬停在 Main 轨道上的事件上来查看这些信息了。

Browser-use：基于 Python 的智能浏览器自动化 AI 工具调研与实战Browser-use 是一个旨在将 AI “智能体”（Agents）与真实浏览器进行交互的 Python 库，可以轻松实现浏览器自动化。在配合 LLM（如 GPT 系列）使用时，浏览器-use 能够让你的智能体发起对网页的访问、操作页面元素、收集信息、执行脚本等，从而扩展 AI 应用的落地场景。

利用AI编写一个chrome扩展程序——同步不同环境的LocalStorage新建一个后台管理系统，不需要创建登录页面，而是链接到公司统一的认证登录中心。正常的登录流程是在认证中心登录后，跳转到后台管理系统时，拿后台管理系统的客户端ID和code去换取当前登录人的用户信息和token，然后将数据存入后台管理系统的localstorage，进而进行后续的操作。

前端飞天猪

学习笔记：从输入URL到页面呈现的全流程深度解析键盘输入：Chrome会实时进行拼写检查（约50ms）地址栏智能提示：回车确认：触发beforeunload事件（允许页面保存状态）

Browser-use：基于 Python 的智能浏览器自动化 AI 工具调研与实战Browser-use 是一个旨在将 AI “智能体”（Agents）与真实浏览器进行交互的 Python 库，可以轻松实现浏览器自动化。在配合 LLM（如 GPT 系列）使用时，浏览器-use 能够让你的智能体发起对网页的访问、操作页面元素、收集信息、执行脚本等，从而扩展 AI 应用的落地场景。

快速了解浏览器原理及工作流程当我们在地址栏输入网址并按下回车键，到最终页面完整呈现在屏幕上，这看似简单的操作背后隐藏着一系列精密的网络通信和浏览器处理流程。

chromium魔改——绕过无限debugger反调试在操作以下内容之前，请先完成这个文章中的内容源码拉取及编译如果你已经完成了文章中的配置，就可以进行下面的操作了。