PhotoShow 介绍 PhotoShow（浮图秀）是一款帮助用户快速查看页面中缩略图对应大图的谷歌浏览器插件，可以在浏览网页时随时对其中的图片文件进行放大展示，无需点击进入详情后预览图片。 PhotoSh...

我正在参加「掘金·启航计划」 前言 ?缘由 没有杜蕾斯的夜晚没有安全感，没有趁手工具的程序狗不是好码农! 本狗从业6年之久，经历了社会的毒打，也尝试过工作中的各种姿势项目。虽由铁杵磨成了...

一、前面的话 本文主要的内容是帮助读者朋友梳理chrome插件的tabs能力，如果您是第一次阅读本文，也建议您在阅读完本文后，尝试看看我下面的这些系列文章，它们可以更好的帮您认识和了解chrome...

前两篇文章分享了两点 如何利用chrome扩展程序获取第三方网站的cookie 如何通过chrome扩展程序拦截，修改网络请求，还可以在请求头中加入自定义信息 本篇目标 无视跨域从第三方接口获取数据 第...

在本文中，我将展示如何使用现代CSS技术，仅使用原生的HTML <input> 元素创建一个引人注目的自定义范围滑块。 范围滑块（<input type='range'>）允许用户在给定的范围内选择一个值...

基本概念 聊一下事件循环机制，在开始这篇文章之前，先明确一个概念，js本身是没有事件循环这个定义的。是js被嵌入相应的执行环境（浏览器 / Nodejs），配合当前事件循环的组成部分，具体来说分...

前言 最近碰到一个bug，客户上传的avi格式视频不能在Chrome浏览器播放，让支持播放。代码直接用的video标签播放，搜索一番了解到是浏览器本身不支持avi格式的播放，于是让后端在视频上传时将avi...

Network面板的作用是在devTools打开的时候记录网络活动。如下图所示，Network面板可以分为七个部分： 控制器 过滤器 设置 抓图信息 时间线 资源请求列表 资源请求信息概要 控制器 录制/停止网络...

背景 上周遇到一个生产问题，有一个页面底部有个分享按钮，在生产环境不显示。而同样的代码，在测试环境却是正常的。 如下图所示，左边是生产的，右边是测试环境的。 这是为什么呢？ 心中带着困...

一、写在开始 又到了该更插件系列文章的时候了，前段时间我更新了以下的系列文章： 从0到1开发一个浏览器插件 chrome插件的通信（V3版） chrome插件之manifest配置 接下来我会专注于更新插件内...

去年 Chrome 107 发布后，B 站解除了 Windows 和 macOS 等平台 Chrome 播放 HEVC HDR 的限制，随后腾讯视频也跟进支持了臻彩视界（HEVC + HDR10），抖音 PC 尽管还未支持，不过听小伙伴说目前手...

Chrome浏览器插件（Chrome Extension，简称CRX）大家已经非常熟悉了。目前的Chrome Extension开发应该按照Manifest V3的规范。按照谷歌官方的通知，2023年6月开始，将不允许发布Manifest V2的Ch...

我们在从掘金复制内容时，发现复制完的内容后面每次都拼接上一些东西，例如： 作者：*** 链接：https://juejin.cn/post/*** 来源：稀土掘金 著作权归作者所有。商业转载请联系作者获得授权，非...

1、问题描述 前几天又遇到个神奇Bug，公司某系统的页面出现点击按钮没有反应的问题，反馈问题的用户能稳定复现，技术团队无法复现。 浏览器为 Chrome 115，控制台可见大量 iframe跨域 报错，具...

前言 在我的好物周刊系列文章中，想必看过的朋友都知道有一类叫做 插件 的分享。可能有的朋友不是很清楚，这个插件到底是什么，而又该如何安装和使用这些插件。于是，就有了这篇文章。以多图形...

前言 如图，Chromium将要在127版本之后，移出对 mutation events 的支持，时间是2024年7月30号。博文具体信息可参见：Mutation events will be removed from Chrome 看到文章标题的第一反应是震...

经常在网上阅读文档、博客、论文的朋友可能会遇到这样的问题：网页没有目录，为了找到想要的信息需要反复滚动页面甚至看完整篇文章。这不仅浪费时间，还影响阅读体验。 1、简介 OneToc 是一个浏...