const article = document.querySelector('article');
if (article) {
const text = article.textContent;
const wordMatchRegExp = /[^\s]+/g;
const words = text.matchAll(wordMatchRegExp);
const wordCount = [...words].join('').length;
const readingTime = Math.round(wordCount / 200);
const badge = document.createElement('p');
badge.classList.add('color-secondary-text', 'type--caption');
badge.innerHTML = `⏱️ ${readingTime} min read`;
article.insertAdjacentElement('beforebegin', badge);
}
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
欢迎来到我的 Chrome 插件系列教程。 通过本文,你将学到 Chrome 插件以下内容: 1. 扩展manifest。 2. 扩展程序使用的图标大小。 3. 如何使用内容脚本将代码注入页面。 4. 如何使用匹配模式。 5. 扩展权限。 执行结果:在 csdn 博客的开头添加一个大概的博客阅读时间 原文链接:https://blog.csdn.net/baofs/article/details/129287769 适合人群: 1. Chrome 插件初学者 2. 前端开发 3. 初级程序员
资源推荐
资源详情
资源评论
收起资源包目录
给 CSDN 博客开发 Chrome 插件-阅读时间-源码.zip (6个子文件)
给 CSDN 博客开发 Chrome 插件-阅读时间-源码
reading-time
manifest.json 380B
images
icon-32.png 7KB
icon-16.png 6KB
icon-48.png 11KB
icon-128.png 13KB
scripts
content.js 498B
共 6 条
- 1
资源评论
sanbaofengs
- 粉丝: 509
- 资源: 711
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功