几款好用的chrome插件推荐

kano个人技术博客 web前端开发 1,508 次浏览 没有评论

众所周知,chrome浏览器以两点而闻名:速度与众多的插件。其插件种类之丰富,简直可以称之为百宝箱。今天就给大家推荐一下kano个人博客常用的几款插件。

chrome插件

1. CSS and Javascript Injection

也就是css和javascript注入,虽然在15年就已经停止更新了,但目前的使用仍旧良好。它可以让你自己编写css和js,然后插入当前的网页中并记住,而且是根据域名记住规则的,也就是说你可以在不同的域名中写不同的css和js。kano经常用的一个功能就是就是把常去的漫画网站的评论屏蔽掉,以避免剧透,比如动漫之家的这个评论:

评论屏蔽插件

安装插件,然后插件栏有有一个黄色的小针筒就是我们的插件了,点击它,下面会弹出一个黑色的窗口,然后我们就可以里面编写规则啦:

chrome插件

如图,评论已经被屏蔽掉了:

chrome插件 

打开控制台,可以看到我们写的样式以style的形式插入到了页面中。

chrome插件

当然也可以用来屏蔽广告,或者给你喜欢的网站定制一套主题等,其所能做到的事的界限只是你的cssjs能力的界限。

2. Video Downloader professional

非常好用的一款视频下载插件,关于视频下载的插件kano用过不少,这一款是kano见过的支持的格式最多的。

安装后,在插件栏是一个类似于播放器的小图标:

播放器图标

而当检测到当前页面中有可以下载的视频时,会变成一个绿色的箭头:

绿色箭头

单击它,则可以看到页面中所有可以下载的视频列表:

download下载

再单击download就可以下载了!

3. JSON Formatter

顾名思义,是一款将JSON数据格式化的插件。实际上就是解析页面上的JSON,将其显示为更为容易查看的样子。

 

比如,在地址栏中直接访问某个接口,其返回的是json数据,则看起来是这样的:

json数据

完全是普通的字符串,都排在了一行,当数据多的时候可以想象,肯定是相当的混乱,而且其中的message中的中文被Unicode编码过,不手动转换的话都看不出来是什么意思。

而装了JSON Formatter插件后,效果是这样的:

JSON Formatter插件

JSON数据变的相当规范了,且能看到消息中的中文,而且还可以收起:

JSON数据

点击灰色的小箭头,同一个对象中的JSON数据就收起了,在数据量很大的时候很有用。

4. Full Page Screen Capture

全屏截图插件,有时候会有像“将网站的首页截图”这样的需求,但是网站的首页通常都超过一屏,QQ或者微信的截图肯定是不能满足要求的。而Full Page Screen Capture则能很好的满足你的要求。

使用非常简单,这个小照相机就是我们刚安装的插件,单击它,就可以将网页整屏截图了:

网页整屏截图

我们来试一下截图下面这个网站的首页:

网页全屏截图

很完美(实际上是截了全图的,但是实在是太大了,所以放了一部分过来)。

现在很多的国内浏览器会自带一个将网页另存为图片的选项(360浏览器,搜狗浏览器),一般来说效果还是很不错的,但是遇到网页中有一些特殊的属性时(比如vh),则无法保证截图和直接在浏览器中看到的一模一样,其原因是截图也是通过css渲染而生成的图片。而Full Page Screen Capture插件则不同,它真的是通过截图->滚动网页->截图,然后自动将几屏的截图拼接到一起而得到了,可以保证和看起来的一模一样。

关于chrome的插件今天就介绍到这里,本文可以算是kano个人博客对于前端人员的扩展阅读知识,虽然并非必须掌握,但是用到的话会很方便。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Go