程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
Chrome 相关技术文章
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
kage:用 headless Chrome 抓站,剥掉 JS 后打包成 ZIM 或单个可执行文件
综合
kage:用 headless Chrome 抓站,剥掉 JS 后打包成 ZIM 或单个可执行文件
2026-10-05 21:31:39
kage 是 Go 写的离线网站归档工具:用 headless Chrome 渲染页面、快照 DOM、剥离全部脚本并把资产本地化,支持断点续爬与幂等;可打包成 ZIM(Kiwix 格式)或约 13 MiB 的自包含二进制,附完整命令与关键 flag。
Go
kage
离线归档
headless
Chrome
ZIM
Kiwix
网站克隆
追踪
打包
MV3 的 declarativeNetRequest:四字段规则、匹配优先级与 webRequest 的取舍
编程
MV3 的 declarativeNetRequest:四字段规则、匹配优先级与 webRequest 的取舍
2026-10-04 00:05:11
MV3 把阻塞式 webRequest 换成声明式 declarativeNetRequest:讲清规则四字段、urlFilter 四种写法、static/dynamic/session 三类 ruleset 的生命周期差异、匹配优先级与限额常量,以及它相对 webRequest 的效率与隐私取舍。
Web
Extensions
declarativeNetRequest
浏览器扩展
Manifest
V3
Chrome
评估
Oz
接口 sign 逆向:改了请求体就报签名错误,怎么按固定顺序还原算法
代码
接口 sign 逆向:改了请求体就报签名错误,怎么按固定顺序还原算法
2026-09-25 09:01:35
改了请求体就被判 invalid sign?这篇按固定顺序走一遍接口签名逆向:从抓包确认 sign 是否为目标锚点、DevTools 断点与 Hook 回溯、扣代码还原混淆函数,到 WASM 异步加载与 Python/Node 复现,附常见卡点清单。
JS逆向
接口签名
Chrome
DevTools
WASM
爬虫
逆向
联调
招聘
给 AI 接上 Chrome DevTools:chrome-devtools-mcp 接入记录
编程
给 AI 接上 Chrome DevTools:chrome-devtools-mcp 接入记录
2026-09-04 23:37:41
Chrome 官方开源 chrome-devtools-mcp,让 AI 编码助手直接操控真实 Chrome 看运行时报错、查网络请求、录性能。本文记录接入配置与踩坑注意点。
chrome-devtools-mcp
MCP
Chrome
DevTools
AI调试
Chrome 标签一多就成鱼干?Multi-Row Tabs 用零侵入浮动把标签多行平铺
编程
Chrome 标签一多就成鱼干?Multi-Row Tabs 用零侵入浮动把标签多行平铺
2026-08-30 16:42:44
Chrome 标签开多了原生栏就挤成一排鱼干。本文拆解 Multi-Row Tabs 扩展的零侵入方案:不碰 DOM、不碰原生 UI,用可拖拽悬浮按钮加快捷键在页面顶部按需展开多行平铺标签面板,并讲清实现原理、取舍与适用边界。
Chrome
浏览器扩展
前端
效率工具
零侵入
Chrome 新提案:HTML 反杀 JavaScript,声明式局部更新来了
编程
Chrome 新提案:HTML 反杀 JavaScript,声明式局部更新来了
2026-07-06 08:56:10
Chrome正在推进Declarative Partial Updates,让HTML原生支持页面局部更新,服务端直接流式输出HTML patch,浏览器自动替换,无需JavaScript。
HTML
JavaScript
Chrome
前端
Web
W3C
浏览器
开源
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
编程
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
2026-06-22 15:27:41
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
Chrome DevTools MCP 深度实战:让 AI Agent 直接接管浏览器调试——从 MCP 协议原理到生产级集成的完全指南(2026)
编程
Chrome DevTools MCP 深度实战:让 AI Agent 直接接管浏览器调试——从 MCP 协议原理到生产级集成的完全指南(2026)
2026-06-01 22:52:21
2026年Chrome DevTools MCP完全指南:Google官方让AI Agent直接接管浏览器调试能力,从MCP协议原理、架构拆解、22个工具矩阵到3个生产级实战案例,深度解析前端调试的范式革命。
Chrome DevTools
MCP协议
AI编程
前端调试
浏览器自动化
MCP Server
AI Agent
Chrome
Chrome 新API:HTML-in-Canvas,颠覆传统html2canvas
编程
Chrome 新API:HTML-in-Canvas,颠覆传统html2canvas
2026-05-28 13:35:26
HTML-in-Canvas是WICG推出的Chrome原生Web API,让DOM内容直接渲染到Canvas,保留完整交互与语义,彻底取代html2canvas。支持layoutsubtree、drawElementImage、GPU全场景适配。
Chrome
Canvas
HTML-in-Canvas
WebGL
前端
WICG
新API
WebGPU
无障碍
Chrome DevTools MCP 深度实战:从浏览器自动化到 AI 编程超能力——Google 官方 MCP 服务器的架构设计与生产级实践
编程
Chrome DevTools MCP 深度实战:从浏览器自动化到 AI 编程超能力——Google 官方 MCP 服务器的架构设计与生产级实践
2026-05-22 17:17:43
深入解析 Google 官方 Chrome DevTools MCP 服务器,45+工具全景覆盖,从架构设计到生产实践,打造 AI Agent 的浏览器超能力。
MCP
Chrome
DevTools
浏览器自动化
AI编程
AI Agent
Puppeteer
前端开发
WasmGC深度实战:Google Chrome全面启用的WebAssembly垃圾回收,或将重塑Web开发格局
编程
WasmGC深度实战:Google Chrome全面启用的WebAssembly垃圾回收,或将重塑Web开发格局
2026-05-21 16:50:14
深入解析Google Chrome全面启用的WebAssembly垃圾回收技术WasmGC,从技术原理到实战代码,探讨其对Web开发格局的影响
WebAssembly
WasmGC
Chrome
浏览器
性能优化
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
编程
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
2026-04-15 19:20:07
深入解析 Chrome 113 正式发布的 WebGPU 实现:架构设计、WGSL 着色器语言、Compute Shader 机器学习推理实战、性能对比与完整代码示例
WebGPU
WGSL
Chrome
图形API
GPU计算
Compute Shader
机器学习
Web图形
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
python
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调