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

11 月 4 日
阅读 6 分钟
210
当用户执行某个操作时,Toast 会在屏幕上短暂弹出,确认操作成功或提供快捷链接。 例如,当将某项内容添加到阅读列表时,Toast 会确认项目已添加,并提供一个快速链接以打开阅读列表侧边栏。Toast 以小型提示的形式显示,部分覆盖网页内容,部分覆盖浏览器顶部工具栏。
封面图

Chrome 130 版本开发者工具(DevTools)更新内容

11 月 4 日
阅读 4 分钟
290
Chrome 130 版本开发者工具(DevTools)更新内容一、网络(Network)面板更新1. 重新定义网络过滤器网络面板获新增了一些过滤条件,这些过滤条件是根据反馈重新设计的,特定于类型的过滤条件保持不变,即在简洁的多选栏中显示一组标记。可以通过 Cmd/Ctrl 键 + 点击来多选类型过滤条件。为了简化界面,我们将与隐藏、屏...
封面图

使用 CRXJS 构建 Chrome 插件在 Chrome 浏览器升级到 130xxx 版本之后,出现CSP错误

10 月 16 日
阅读 6 分钟
620
使用 CRXJS 构建 Chrome 插件在 Chrome 浏览器升级到 130xxx 版本之后,出现 Content Security Policy 错误一、前言之前有个老哥找我写了插件,到现在几个月过去了,今天早上和我说 Chrome 浏览器报错运行不起来了,但是 edge 浏览器没问题。就帮忙定位了下问题,发现是 Content Security Policy 的问题导致的报错;老哥...
封面图

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

9 月 6 日
阅读 5 分钟
410
structuredClone 是在 ECMAScript 2021(ES12)标准中引入的,ECMAScript 2021 规范正式发布于 2021 年 6 月
封面图

Rust 操作符及示例

9 月 6 日
阅读 3 分钟
291
Rust 操作符Rust 提供了一系列操作符(operators),每种操作符都有特定的功能和应用场景。1. 算术操作符这些操作符用于基本的数学运算:+ : 加法,用于两个数相加。示例: let sum = 5 + 10;- : 减法,用于两个数相减。示例: let difference = 10 - 5;* : 乘法,用于两个数相乘。示例: let product = 4 * 3;/ : 除法,用...
封面图

Rust 中的关键字以及示例

9 月 5 日
阅读 4 分钟
423
1. 常见关键字as: 用于类型转换,例如将一个值从一种类型转换为另一种类型。 {代码...} break: 用于提前退出循环。 {代码...} const: 定义一个常量,常量的值在编译时就确定,不会在运行时改变。 {代码...} continue: 跳过当前循环中的剩余部分,直接进入下一次循环迭代。 {代码...} crate: 表示当前包或库的根模块,通...
封面图

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

9 月 5 日
阅读 5 分钟
428
最近有个需求,是在浏览器插件中获取 window 对象下的某个数据,当时觉得很简单,和 document 一样,直接通过嵌入 content_scripts 直接获取,然后使用 sendMessage 发送数据到插件就行了,结果发现不是这样滴...
封面图

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

9 月 4 日
阅读 5 分钟
337
最近有个需求,是在浏览器插件中获取 window 对象下的某个数据,当时觉得很简单,和 document 一样,直接通过嵌入 content_scripts 直接获取,然后使用 sendMessage 发送数据到插件就行了,结果发现不是这样滴...
封面图

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

9 月 4 日
阅读 5 分钟
434
最近有个需求,是在浏览器插件中获取 window 对象下的某个数据,当时觉得很简单,和 document 一样,直接通过嵌入 content_scripts 直接获取,然后使用 sendMessage 发送数据到插件就行了,结果发现不是这样滴...
封面图

Rust 版本升级 rustup update stable 报错

7 月 26 日
阅读 2 分钟
438
error: could not download file from '[链接]): error trying to connect: tcp connect error: Connection refused (os error 61): error trying to connect: tcp connect error: Connection refused (os error 61): tcp connect error: Connection refused (os error 61): Connection refused (os error 61)
封面图

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

7 月 25 日
阅读 6 分钟
1k
在 Rust 中,*、ref、mut、& 和 ref mut 是用于处理引用、解引用和可变性的关键字和操作符,它们在不同的上下文中有不同的用法。
封面图

四万字符数带你使用 Vitepress 构建博客并部署到 github 平台

6 月 7 日
阅读 29 分钟
2.4k
最近写了好多篇 Chrome 浏览器插件相关的文章,有十几二十篇,就想着构建个博客,用来放置相应的文章。正好前段时间看到 VitePress 1.0.0 发布了,而且是用 markdown 写文章,正好写插件文章的时候文章都是 md 格式,所有用下这个然后顺便写一篇使用教程。
封面图

Web 网页性能及性能优化

6 月 5 日
阅读 22 分钟
564
Web 网页性能及性能优化一、Web 性能Web 性能是 Web 开发的一个重要方面,侧重于网页加载速度以及对用户输入的响应速度通过优化网站来改善性能,可以在为用户提供更好的体验网页性能既广泛又非常深入1. 为什么性能这么重要?1. 性能关乎留住用户性能对于任何在线业务都至关重要与加载速度缓慢、让人感觉运行缓慢的网站相...
封面图

Web 页面性能衡量指标-以用户为中心的性能指标

6 月 4 日
阅读 9 分钟
1k
Web 页面性能衡量指标-以用户为中心的性能指标以用户为中心的性能指标是理解和改进站点体验的关键点一、以用户为中心的性能指标1. 指标是用来干啥的?指标是用来衡量性能和用户体验的2. 指标类型感知加载速度:网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上加载响应速度:页面加载和执行组件快速响应用户互...
封面图

Chrome 浏览器插件 V3 版本 Manifest.json 文件全字段解析

1 月 16 日
阅读 19 分钟
3.1k
本文参与了SegmentFault 思否 2023 年度有奖征文活动,欢迎正在阅读的你也加入。Chrome 浏览器插件 V3 版本 Manifest.json 文件全字段解析Manifest.json 文件格式每个扩展程序的根目录中都必须有一个 manifest.json 文件,其中列出了有关该扩展程序的结构和行为的重要信息。1、Demo 展示1. 最小文件 {代码...} 2. 增加 c...
封面图

Chrome 浏览器插件从 Manifest V2 升级到 V3 版本所需要修改的点

1 月 15 日
阅读 15 分钟
6.5k
最早从 2024 年 6 月的 Chrome 127 开始,我们将开始停用 Chrome 的不稳定版本(开发者版、Canary 版和 Beta 版)中的 Manifest V2 扩展程序。受此变化影响的用户会在浏览器中看到 Manifest V2 扩展程序自动停用,并且无法再从 Chrome 应用商店安装 Manifest V2 扩展程序。此外,Manifest V2 扩展程序在 Chrome 应用商店...
封面图