gqkmiss-CSDN博客

gqkmiss

码龄8年

个人简介：前端

IP 属地：福建省

查看详细资料

原力等级

当前等级

6

当前总分

1,977

当月

33

个人成就

获得1,497次点赞
内容获得241次评论
获得2,408次收藏
代码片获得7,743次分享

TA的专栏

兴趣领域设置

数据结构与算法

数据结构排序算法推荐算法
大数据

mysql
前端

javascriptcssvue.jsreact.jses6webpackxhtml前端框架
后端

node.js
移动开发

flutterreact native
人工智能

机器学习深度学习神经网络tensorflow图像处理数据分析集成学习分类
网络与通信

https
微软技术

typescript
软件工程

性能优化
运维

jenkins系统架构网络运维开发
网络空间安全

安全系统安全web安全安全架构
服务器

linux
学习和成长

面试
用户体验设计

交互uxuiphotoshopsketch3d

Chrome 浏览器插件

欢迎进入「Chrome 插件开发全解析」专栏！这里是 Chrome 浏览器插件开发者的技术宝库，从基础入门到高阶进阶，你将系统学习如何构建功能强大、用户友好的 Chrome 扩展程序。我们将为你解析开发流程中的每个关键点： •核心架构：深入理解 manifest 文件配置、背景脚本、内容脚本与页面交互。 •实用场景：实现跨域请求、操作浏览器存储、处理用户交互等功能。 •高级技巧：学习如何使用 Service Workers 优化性能、探索动态权限管理与安全策略。 •开发工具：善用调试工具、构建工具（如 Vite、Webpack）和自动化测试。 •实战项目：一步步带你完成实用项目，如效率工具、数据分析插件、网页改造工具等。无论你是 Chrome 插件开发的新手，还是希望深耕的资深开发者，这个专栏都将成为你实现创新、探索技术边界的重要指南。和我们一起打开 Chrome 插件开发的大门，让你的创意照进用户的浏览器！(GPT 生成)

创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

搜TA的内容

ChromeOS 132 版本更新

企业定制化ChromeWebStore管理员现在可以使用新设置定制ChromeWebStore以适应他们管理的用户，包括以下功能：添加公司标志添加首页横幅和自定义公告策划扩展集合实施基于类别的控制这些设置可以通过管理员控制台进行配置，并且对所有已登录的管理用户（使用受管Google帐户登录到ChromeWebStore的用户）可用。

发布博客 2025.01.20 ·

Chrome 132 版本新特性

在iOS上使用GoogleLens搜索在Chrome132版本中，开始在所有平台上推出这一功能。

发布博客 2025.01.20 ·

Chrome 浏览器插件获取网页 iframe 中的 window 对象

获取逻辑和《Chrome 浏览器插件获取网页 window 对象》中的方案一一样，有兴趣的可以试下其他方案我这是本地 iframe URL，如果你的 URL 是网页链接，可以在 index.js 中嵌入 lucky.js 做延迟处理如果你的 iframe URL 是动态的，比如，点击 tab，切换 URL，则可以在 index.js 中进行 MutationObserver 监听。

发布博客 2024.12.23 ·

Chrome 132 版本开发者工具（DevTools）更新内容

使用 Gemini 调试 Network、Source 和 PerformanceChrome 131 可以使用 Gemini 调试 CSS，现在可以调试更多模块了与元素面板中的右键菜单类似，要打开 AI 辅助面板并开始与 Gemini 的聊天，可以通过以下方式操作：在 Network 面板中，右键点击一个网络请求并选择“Ask AI”，或点击该请求旁边的“Ask AI”按钮。在 Sources > Page 选项卡中，右键点击一个文件并选择“Ask AI”，或点击该文件旁边的“Ask AI”按钮。

发布博客 2024.12.18 ·

ChromeOS 131 版本更新

ChromeOS Flex 自动注册在 ChromeOS 131 中，ChromeOS Flex 的自动注册功能现已允许大规模部署 ChromeOS Flex 设备。与 ChromeOS 零接触注册类似，自动注册将通过组织管理员创建的注册令牌嵌入到 ChromeOS Flex 镜像中。这将决定设备在初次设置时将注册到哪个客户组织和组织单位。

发布博客 2024.12.18 ·

Chrome 浏览器 131 版本开发者工具（DevTools）更新内容

使用 Gemini 调试 CSSChrome DevTools 现在推出了一个新的实验性 AI 辅助面板，可以与 Gemini 聊天并获得帮助来调试 CSS。在 Elements 面板中，右键点击一个元素并选择Ask AI，或者点击该元素旁边的对应按钮，DevTools 会打开新的 AI 辅助面板。

发布博客 2024.11.19 ·

Chrome 浏览器 131 版本新特性

在 iOS 上使用 Google Lens 搜索自 Chrome 126 版本以来，用户可以通过 Google Lens 搜索屏幕上看到的任何图片或文字。要使用此功能，请访问网站，并点击聚焦时出现在地址栏的 Google Lens 搜索按钮，或者点击桌面右键菜单、桌面和移动端的三点菜单。用户可以在屏幕上任意点击、选中或拖动以搜索内容，并通过在搜索框中添加关键词或问题来优化搜索。管理员可以通过名为 LensOverlaySettings 的策略控制此功能。

发布博客 2024.11.19 ·

Chrome 130 版本开发者工具（DevTools）更新内容

网络面板获新增了一些过滤条件，这些过滤条件是根据反馈重新设计的，特定于类型的过滤条件保持不变，即在简洁的多选栏中显示一组标记。可以通过 Cmd/Ctrl 键 + 点击来多选类型过滤条件。为了简化界面，我们将与隐藏、屏蔽和第三方相关的复选框移到了下拉列表下方。该列表包含一个数字，表示下拉菜单下已选中的过滤条件数量。

发布博客 2024.11.04 ·

Chrome 130 版本新特性& Chrome 130 版本发行说明

Chrome 130 引入了一种新的 Toast 样式，用于在用户操作后提供视觉确认，或快速提供后续操作的途径。当用户执行某个操作时，Toast 会在屏幕上短暂弹出，确认操作成功或提供快捷链接。例如，当将某项内容添加到阅读列表时，Toast 会确认项目已添加，并提供一个快速链接以打开阅读列表侧边栏。Toast 以小型提示的形式显示，部分覆盖网页内容，部分覆盖浏览器顶部工具栏。

发布博客 2024.11.04 ·

使用 CRXJS 构建 Chrome 插件在 Chrome 浏览器升级到 130xxx 版本之后，出现 Content Security Policy 错误，定位原因并附带详细解决方案

此次报错是由于 chrome 浏览器升级之后，安全策略变更导致的；使用 CRX JS 打包 chrome 插件都会遇到这个报错，已经有老哥在 crxjs 的 github 上提交 issue 了；此次解决方案也是从这个 issue 上面找的；之前做过 chrome 浏览器版本发行说明，但是后面有事就耽搁了，现在觉得还是得提起来，这样能有效跟进版本迭代和一些坑，不至于出现问题手忙脚乱。

发布博客 2024.10.16 ·

JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆对象的区别

提供了更广泛的数据类型支持和对循环引用的处理能力，适用于复杂场景适合处理简单、JSON兼容的数据结构，但在处理复杂数据类型或循环引用时有局限性两者都有限制，克隆的时候需要关注下克隆对象的数据类型再做选择。

发布博客 2024.09.06 ·

Rust 操作符及示例

Rust 提供了丰富的操作符，以便开发者在不同的编程场景下使用。每个操作符都有其特定的功能和适用场景，理解它们的用法有助于编写更加高效和清晰的 Rust 代码。

发布博客 2024.09.06 ·

Rust 中的关键字及示例

【代码】Rust 中的关键字及示例。

发布博客 2024.09.05 ·

Chrome 浏览器插件获取网页 window 对象（方案三）

最近有个需求，是在浏览器插件中获取window对象下的某个数据，当时觉得很简单，和document一样，直接通过嵌入直接获取，然后使用发送数据到插件就行了，结果发现不是这样滴…在这里不推荐使用进行注入，很可能会报错：😗Chrome 浏览器插件获取网页 window 对象（方案一）Chrome 浏览器插件获取网页 window 对象（方案二）获取当前页面下的 window 对象和 document 对象不一样，需要另外的处理方式。

发布博客 2024.09.05 ·

Chrome 浏览器插件获取网页 window 对象（方案二）

最近有个需求，是在浏览器插件中获取window对象下的某个数据，当时觉得很简单，和document一样，直接通过嵌入直接获取，然后使用发送数据到插件就行了，结果发现不是这样滴…在这里不推荐使用进行注入，很可能会报错：Chrome 浏览器插件获取网页 window 对象（方案一）

发布博客 2024.09.04 ·

Chrome 浏览器插件获取网页 window 对象（方案一）

最近有个需求，是在浏览器插件中获取window对象下的某个数据，当时觉得很简单，和document一样，直接通过嵌入直接获取，然后使用发送数据到插件就行了，结果发现不是这样滴…

发布博客 2024.09.04 ·

Rust 中 *、&、mut、&mut、ref、ref mut 的用法和区别

*：解引用操作符，用于访问指针或引用指向的值的类型。&：借用操作符，用于创建不可变引用的类型，允许只读访问。mut：关键字，用于声明可变变量或参数的类型，允许其值被修改。&mut：借用操作符，用于创建可变引用的类型，允许读写访问。ref：模式匹配中的关键字，用于创建不可变引用的类型，避免所有权转移。ref mut：模式匹配中的关键字，用于创建可变引用的类型，允许修改引用的值。

发布博客 2024.07.25 ·

Rust 版本升级：rustup update stable 报错

错误内容：系统无法连接到Rust语言官方的静态文件服务器，导致对应的文件没有下载到指定的文件夹中。

发布博客 2024.07.11 ·

通过例子学习 Rust 中文版本

发布资源 2024.07.11 ·

Web 网页性能优化

预加载扫描程序的角色是推测性，也就是说，它会检查原始标记，以便查找资源，以便在主要HTML解析器发现之前抓取相应资源预加载扫描程序是一种浏览器优化，采用辅助HTML解析器的形式，可扫描原始HTML响应，以找出并推测性地提取资源，然后主HTML解析器才会发现这些资源为了充分利用预加载扫描器，服务器发送的HTML标记中应包含关键资源。由CSS使用属性加载的图片。这些图片引用位于CSS中，预加载扫描器无法发现这些引用动态加载的脚本，采用元素标记（使用JavaScript注入DOM。

发布博客 2024.06.04 ·