排序
2023金秋版:基于Vite4+React的Chrome插件开发教程
Chrome浏览器插件(Chrome Extension,简称CRX)大家已经非常熟悉了。目前的Chrome Extension开发应该按照Manifest V3的规范。按照谷歌官方的通知,2023年6月开始,将不允许发布Manifest V2的Ch...
Chrome插件开发指南
1. 创建插件 首先,创建一个新的文件夹,用于存放插件的所有文件。在该文件夹中,创建一个名为manifest.json的文件,用于描述插件的基本信息和功能。manifest.json文件的内容如下: { 'manifest...
如何实现掘金复制自由-从0到1搭建chrome插件
我们在从掘金复制内容时,发现复制完的内容后面每次都拼接上一些东西,例如: 作者:*** 链接:https://juejin.cn/post/*** 来源:稀土掘金 著作权归作者所有。商业转载请联系作者获得授权,非...
Chrome115 iframe跨域失败
1、问题描述 前几天又遇到个神奇Bug,公司某系统的页面出现点击按钮没有反应的问题,反馈问题的用户能稳定复现,技术团队无法复现。 浏览器为 Chrome 115,控制台可见大量 iframe跨域 报错,具...
前端面试题: 94. V8的垃圾回收机制
V8 是一款开源的 JavaScript 引擎,由 Google 开发,并用于 Google Chrome 浏览器中。V8 内部实现了一套高效的垃圾回收机制,这是为了管理和释放不再使用的内存。 V8 的垃圾回收机制主要基于分...
如何在浏览器中安装插件
前言 在我的好物周刊系列文章中,想必看过的朋友都知道有一类叫做 插件 的分享。可能有的朋友不是很清楚,这个插件到底是什么,而又该如何安装和使用这些插件。于是,就有了这篇文章。以多图形...
什么?Mutation events将要从 Chrome 中移出?
前言 如图,Chromium将要在127版本之后,移出对 mutation events 的支持,时间是2024年7月30号。博文具体信息可参见:Mutation events will be removed from Chrome 看到文章标题的第一反应是震...
OneToc生成网页大纲,让阅读轻松一点
经常在网上阅读文档、博客、论文的朋友可能会遇到这样的问题:网页没有目录,为了找到想要的信息需要反复滚动页面甚至看完整篇文章。这不仅浪费时间,还影响阅读体验。 1、简介 OneToc 是一个浏...
一个插件就可以在国内体验原版Chat GPT
即使chatGPT已经火爆了一段时间了,但它仍然是目前备受关注的话题。而在国内使用需要一定的成本,许多人甚至根本找不到注册的办法,因此也衍生了不少代注册服务。但其实国内也有不少可以体验和c...
"火焰图"也可以是源码阅读的利器
什么是火焰图? 火焰图是一种常用的性能分析工具。它展示了程序在时间轴上的执行情况,通过颜色深浅来表示消耗时间的长短。在 Web 开发中,火焰图通常被用来分析前端性能问题,例如卡顿、加载时...
Chrome 插件开发
浏览器插件是我们每天都在打交道的工具,他为我们提供了各式各样便捷的功能。按照惯例,先介绍一下插件的定义: Extensions are small software programs that customize the browsing experien...
Chrome 115 有哪些值得关注的新特性?
今天带大家一起来了解一下 Chrome 115 值得关注的新特性。 滚动动画 用滚动驱动的动画是网站上非常常见的用户体验模式,比如当页面向前或向后滚动时,对应的动画也会向前或向后移动。 比如下面...
三 浏览器中 Javascript 执行机制
一 变量提升 变量提升,是指在 Javascript 执行过程中,Javascript 引擎在编译时把变量的声明部分和函数的声明部分提升到代码开头,并给变量初始化为 undefined。 变量和函数声明在代码里的位置...
Vue3 开发 Chrome 插件,实用小技巧
本文不介绍chrome 插件开发的基础知识,推荐参考: chrome 插件开发指南 chrome 插件开发指南(Manifest V3) 【干货】Chrome插件(扩展)开发全攻略 (Manifest V2) 开发插件,我们可以采用原生的...
【chrome 插件】FireShot:实现浏览器截图自由
日常工作中,截图工具是必不可少的一项工具了,日常使用不外乎是 QQ、微信、钉钉,或者是小而美的 Snipaste,基本都已满足使用。 但是在浏览器中有着更加方便的截图插件,可以在不运行其他工具...
如何开发一个chrome浏览器插件
当前,chrome浏览器早已成为占据最大的市场份额,也是综合体验最好的浏览器,开发人员使用的浏览器基本都以它为主。 我在使用chrome的过程中,积累增加了很多书签,最多的时候接近上千个,后续...
用performance分析网页的渲染,我悟了!
一、写在前面 我发现即便工作很久了,我还是不会用performance性能分析工具,可能很多小伙伴跟我有一样的问题! 于是我怒学了一通performance性能工具的使用,想写一篇如何使用performance工具...
从一次看片引发的Chrome调试修改Web源码故事
事情的起因是这样的:闲来无事想在夸克上面搜个电影看看,资源找是到了。在手机上面打开总归觉得有点小,为啥不使用我的4K高清大屏来看呢,复制链接到PC的chrome上,结果给我显示: 害可真扫兴...
四 Javascript 内存机制与垃圾回收
一 内存机制 1.1 数据类型 Javascript 是一种动态的(在运行过程中检查数据类型,)、弱类型(同一个变量可以保存不同类型的数据)的语言。 Javascript 数据类型一共有 8 种: Boolean,Null,U...
如何实现 xhr 和 fetch 的加载进度条功能?
想要在 xhr 和 fetch 中获得数据加载的比例,从而实现一个“真”进度条,你有什么实现思路吗? 我是渡一前端子辰老师,相信认真阅读完这篇文章后,这将不再是一个问题! 思考 首先,我们知道数...