摘要: JS Navigator.sendBeacon 可靠的、异步地向服务器发送数据 Navigator.sendBeacon 是一个用于发送少量数据到服务器的 API,尤其适用于在页面即将卸载时发送数据,如日志记录、用户行为分析等。 与传统的 AJAX 请求不同,sendBeacon 方法的设计目标是确保数据在页面卸载(例如用户关闭标签页或导航到新页面)时能够可靠地发送。 Navigator.sendBeacon 方法可用于通过 HTTP POST 将少量数据异步传输到 Web 服务器 阅读全文
posted @ 2024-05-24 13:58 日升_rs 阅读(478) 评论(0) 推荐(1) 编辑
摘要: JS 监听用户页面访问&页面关闭并进行数据上报操作 用户在页面访问时发送数据到后台,页面关闭时也发送数据到后台。 第一次进入页面时触发页面访问 刷新当前页面时触发页面访问 新 tab 进入页面时触发页面访问 当前页面点击 nav 进入其他模块时,触发页面关闭&页面访问 关闭页面时触发页面关闭 阅读全文
posted @ 2024-05-24 10:04 日升_rs 阅读(623) 评论(2) 推荐(2) 编辑
摘要: JS 实现鼠标框选(页面选择)时返回对应的代码或文本内容 当用户进行鼠标框选选择了页面上的内容时,把选择的内容进行上报。 分为以下几点: 选择文案时 选择图片、svg、iframe、video、audio 等标签时 选择 input、select、textarea 等标签时 选择input、textarea 标签内容时 选择类似   字符时 键盘全选时 鼠标右键选择 以上各模块结合时 阅读全文
posted @ 2024-05-23 10:09 日升_rs 阅读(422) 评论(2) 推荐(0) 编辑
摘要: ES 2024 新特性 ECMAScript 2024,第 15 版,添加了用于调整 ArrayBuffer 和 SharedArrayBuffer 大小和传输的功能; 添加了一个新的 RegExp /v 标志,用于创建具有更高级功能的 RegExp,用于处理字符串集; 并介绍了用于构造 Promise 的 Promise.withResolvers 便捷方法、用于聚合数据的 Object.groupBy 和 Map.groupBy 方法、用于异步等待共享内存更改的 Atomics.waitAsync 方法以及 String.prototype.isWellFormed 和 String.prototype.toWellFormed 方法,用于检查并确保字符串仅包含格式正确的 Unicode 阅读全文
posted @ 2024-05-13 14:12 日升_rs 阅读(763) 评论(2) 推荐(3) 编辑
摘要: 前端 PM 分享:PM 需要做的事情 个人经验分享 PM PM( Project Manager ) PM( Product Manager ) 一、什么情况下需要前端担任 PM? 在我之前遇到的项目中,大多数项目的 PM 是由后端/产品经理担任,但也有不少项目的 PM 是由前端担任,一般是按照以下这几种情况划分 1. 后端担任(占大多 阅读全文
posted @ 2024-01-15 17:57 日升_rs 阅读(43) 评论(0) 推荐(0) 编辑
摘要: Chrome 浏览器插件 Manifest.json V3 中权限(Permissions)字段解析 一、权限(Permissions) 再使用拓展程序的 API 时,大多数的时候,需要在 manifest.json 文件中声明 permissions 字段。 一、权限类型 在 V3 版本中可以声明以下类别的权限: permissions: 包含下面 permissions 权限列表中的项; opt 阅读全文
posted @ 2024-01-15 14:44 日升_rs 阅读(223) 评论(0) 推荐(0) 编辑
摘要: Chrome 插件 V3 版本 Manifest.json 中的内容脚本(Content Scripts)解析 内容脚本(Content Scripts) 指定在用户打开某些网页时要使用的 JavaScript 或 CSS 文件。 内容脚本是在网页环境中运行的文件。通过使用标准文档对象模型 (DOM),开发者能够读取浏览器所访问网页的详情、更改这些网页,并将信息传递给其父级扩展程序。 一、内容脚本功能 内容脚 阅读全文
posted @ 2024-01-15 14:43 日升_rs 阅读(516) 评论(1) 推荐(1) 编辑
摘要: Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析 一、类型(Types) 一、OpenPopupOptions 1. 属性 windowId: number 可选 打开操作弹出式窗口的窗口 ID。如果未指定,则默认为当前活动窗口。 二、TabDetails 1. 属性 tabId: number 可选 要查询其状态的标签页 ID。如果未指定标签页, 阅读全文
posted @ 2024-01-13 13:23 日升_rs 阅读(190) 评论(0) 推荐(0) 编辑
关于
CSDN
掘金
我的博客
Chrome 浏览器插件开发实践指南 netlify 版
Chrome 浏览器插件开发实践指南 github 版