排序
Chrome115 iframe跨域失败
1、问题描述 前几天又遇到个神奇Bug,公司某系统的页面出现点击按钮没有反应的问题,反馈问题的用户能稳定复现,技术团队无法复现。 浏览器为 Chrome 115,控制台可见大量 iframe跨域 报错,具...
2023金秋版:基于Vite4+React的Chrome插件开发教程
Chrome浏览器插件(Chrome Extension,简称CRX)大家已经非常熟悉了。目前的Chrome Extension开发应该按照Manifest V3的规范。按照谷歌官方的通知,2023年6月开始,将不允许发布Manifest V2的Ch...
Chromium内核浏览器编译记(三)116版本内核UI定制
转载请注明出处:juejin.cn/user/375558… 本文出自 容华谢后的博客 往期回顾: Chromium内核浏览器编译记(一)踩坑实录 Chromium内核浏览器编译记(二)UI定制 0.写在前面 最近因为业务需求,...
Chrome浏览器支持播放.avi视频的探索
前言 最近碰到一个bug,客户上传的avi格式视频不能在Chrome浏览器播放,让支持播放。代码直接用的video标签播放,搜索一番了解到是浏览器本身不支持avi格式的播放,于是让后端在视频上传时将avi...
chrome扩展程序(三)无视跨域从第三方接口获取数据
前两篇文章分享了两点 如何利用chrome扩展程序获取第三方网站的cookie 如何通过chrome扩展程序拦截,修改网络请求,还可以在请求头中加入自定义信息 本篇目标 无视跨域从第三方接口获取数据 第...
【chrome 插件】PhotoShow 浮图秀:网页图片浏览利器
PhotoShow 介绍 PhotoShow(浮图秀)是一款帮助用户快速查看页面中缩略图对应大图的谷歌浏览器插件,可以在浏览网页时随时对其中的图片文件进行放大展示,无需点击进入详情后预览图片。 PhotoSh...
从一次看片引发的Chrome调试修改Web源码故事
事情的起因是这样的:闲来无事想在夸克上面搜个电影看看,资源找是到了。在手机上面打开总归觉得有点小,为啥不使用我的4K高清大屏来看呢,复制链接到PC的chrome上,结果给我显示: 害可真扫兴...
【chrome 插件】FireShot:实现浏览器截图自由
日常工作中,截图工具是必不可少的一项工具了,日常使用不外乎是 QQ、微信、钉钉,或者是小而美的 Snipaste,基本都已满足使用。 但是在浏览器中有着更加方便的截图插件,可以在不运行其他工具...
Chrome 115 有哪些值得关注的新特性?
今天带大家一起来了解一下 Chrome 115 值得关注的新特性。 滚动动画 用滚动驱动的动画是网站上非常常见的用户体验模式,比如当页面向前或向后滚动时,对应的动画也会向前或向后移动。 比如下面...
如何在浏览器中安装插件
前言 在我的好物周刊系列文章中,想必看过的朋友都知道有一类叫做 插件 的分享。可能有的朋友不是很清楚,这个插件到底是什么,而又该如何安装和使用这些插件。于是,就有了这篇文章。以多图形...
如何实现掘金复制自由-从0到1搭建chrome插件
我们在从掘金复制内容时,发现复制完的内容后面每次都拼接上一些东西,例如: 作者:*** 链接:https://juejin.cn/post/*** 来源:稀土掘金 著作权归作者所有。商业转载请联系作者获得授权,非...
浅谈 Chrome HDR 视频渲染流程
去年 Chrome 107 发布后,B 站解除了 Windows 和 macOS 等平台 Chrome 播放 HEVC HDR 的限制,随后腾讯视频也跟进支持了臻彩视界(HEVC + HDR10),抖音 PC 尽管还未支持,不过听小伙伴说目前手...
学会了这招,排查生产问题再也不头疼了
背景 上周遇到一个生产问题,有一个页面底部有个分享按钮,在生产环境不显示。而同样的代码,在测试环境却是正常的。 如下图所示,左边是生产的,右边是测试环境的。 这是为什么呢? 心中带着困...
浏览器与Node事件循环机制解析
基本概念 聊一下事件循环机制,在开始这篇文章之前,先明确一个概念,js本身是没有事件循环这个定义的。是js被嵌入相应的执行环境(浏览器 / Nodejs),配合当前事件循环的组成部分,具体来说分...
chrome插件之tabs
一、前面的话 本文主要的内容是帮助读者朋友梳理chrome插件的tabs能力,如果您是第一次阅读本文,也建议您在阅读完本文后,尝试看看我下面的这些系列文章,它们可以更好的帮您认识和了解chrome...
如何实现 xhr 和 fetch 的加载进度条功能?
想要在 xhr 和 fetch 中获得数据加载的比例,从而实现一个“真”进度条,你有什么实现思路吗? 我是渡一前端子辰老师,相信认真阅读完这篇文章后,这将不再是一个问题! 思考 首先,我们知道数...
用performance分析网页的渲染,我悟了!
一、写在前面 我发现即便工作很久了,我还是不会用performance性能分析工具,可能很多小伙伴跟我有一样的问题! 于是我怒学了一通performance性能工具的使用,想写一篇如何使用performance工具...
Vue3 开发 Chrome 插件,实用小技巧
本文不介绍chrome 插件开发的基础知识,推荐参考: chrome 插件开发指南 chrome 插件开发指南(Manifest V3) 【干货】Chrome插件(扩展)开发全攻略 (Manifest V2) 开发插件,我们可以采用原生的...
Chrome 插件开发
浏览器插件是我们每天都在打交道的工具,他为我们提供了各式各样便捷的功能。按照惯例,先介绍一下插件的定义: Extensions are small software programs that customize the browsing experien...
OneToc生成网页大纲,让阅读轻松一点
经常在网上阅读文档、博客、论文的朋友可能会遇到这样的问题:网页没有目录,为了找到想要的信息需要反复滚动页面甚至看完整篇文章。这不仅浪费时间,还影响阅读体验。 1、简介 OneToc 是一个浏...