常用Chrome插件分享

前言

由于Chrome扩展商店需要特殊网络,有需求的可以在下面站点里搜索下载,不需要特殊网络,很全很新。

www.crx4chrome.com/

工作

CSP Evaluator

chromewebstore.google.com/detail/csp-...

可以用来检测网站的Content Security Policy (CSP),可以更清楚看到每项配置,还提供每项配置的security等级和建议。

比如扫描百度首页,如下图,frame-ancestors限制了具体哪些网站可以用iframe内嵌自己的网站。

Window Resizer

chromewebstore.google.com/detail/wind...

可以调整浏览器窗口的大小以模拟各种屏幕分辨率,内置了很多常用分辨率,也可以自定义分辨率。适合在大屏屏幕里测试小分辨率响应式。

CSSViewer

chromewebstore.google.com/detail/cssv...

一个简单的CSS属性查看器,开启后,鼠标浮动到元素上就能显示对应的基本样式,适合调试和测试网页样式。

Ajax Interceptor

chromewebstore.google.com/detail/ajax...

用来mock api的返回结果,适合用来调试api,比如把任意环境的api数据mock到自己开发环境中调试,而不用改动代码。

但是此功能在新版Chrome Overrides功能已经满足此需求了,功能差不多。

Sourcegraph

chromewebstore.google.com/detail/sour...

提供在线阅读GitHub、Gitlab等源码能力,比如代码智能导航、定义跳转、搜索等等,相当于一个在线IDE,适合在不clone情况下在线读源码。虽然现在GitHub本身就支持了代码导航和搜索功能,但是也可以当做一个备选方法。

以react库为例,安装扩展后就会在GitHub里显示此按钮,打开后跳转下面链接,然后就可以阅读了。

sourcegraph.com/github.com/...

Site Speed by DebugBear

chromewebstore.google.com/detail/peom...

官网:www.debugbear.com/

用来测试网页性能指标。开启时可能会占用内存,不用时建议关掉。

但是指标数据信息不多,更多建议用第三方网站来测试,比如:www.debugbear.com/test/websit...

Web Vitals

chromewebstore.google.com/detail/web-...

功能跟上面的类似,常用来测试页面性能指标。

Monica - Your AI Copilot powered by ChatGPT-4

chromewebstore.google.com/detail/moni...

AI插件,GPT-4肯定是收费的了,高级功能基本都是收费的,但是也有免费的基本功能。

优点是不需要特殊网络,有免费AI聊天功能、读pdf、翻译页面(没啥用)。

其它

Reopen closed tab Button

chromewebstore.google.com/detail/reop...

提供一键reopen关闭的tab,很简易,也很常用,特别是在不小心关闭tab的时候,我一天得点个至少几十下。

OneTab

chromewebstore.google.com/detail/onet...

可以一键将所有或部分打开的标签页转换成一个列表,并展示在扩展独立页面中,已于管理。在tab特别多的时候特别有用,有时候发现一些有趣的网页没时间看,就会一直放在标签页里,不想删还占内存,这时就可以将它们存放在这个扩展里,等有时间可以随时打开。扩展页标签管理页面功能也很多,支持分组、编辑、删除、导出等等,功能很全。

Infinity New Tab (Pro)

chromewebstore.google.com/detail/infi...

自定制新标签页,类似功能的扩展有很多,我比较喜欢这款。

Grow in 掘金

chromewebstore.google.com/detail/grow...

支持使用插件查看掘友们的社区活跃度和成长趋势,非常易用直观,见证在掘金社区的每一步成长。

SuperCopy 超级复制

chromewebstore.google.com/detail/supe...

一键破解禁止右键、破解禁止选择、破解禁止复制、破解禁止粘贴,启用复制,启用右键,启用选择,启用粘贴。建议直接配置白名单,懂得都懂。

知乎+掘金+简书+CSDN 外链直接访问(不再弹窗询问)

chromewebstore.google.com/detail/%E7%...

懂得都懂。不过现在不支持鼠标滚轮中键点击打开,也就是右键里的Open link in new tab,我总习惯点滚轮中键。

Hide Images/Videos

chromewebstore.google.com/detail/hide...

一键隐藏页面所有图片和视频,摸鱼专用。缺点就是不支持再次点击显示图片,只能刷新页面。

总结

就这些常用的了,下篇会继续介绍我比较常用的VSCode插件。

相关推荐
扫地的小何尚16 小时前
一小时内使用NVIDIA Nemotron创建你自己的Bash计算机使用智能体
开发语言·人工智能·chrome·bash·gpu·nvidia
龙信科技17 小时前
【国内电子数据取证厂商龙信科技】手机版Chrome调试方法
chrome·科技·智能手机
susu108301891118 小时前
chrome浏览器设置为手机模式
前端·chrome
望获linux1 天前
【Linux基础知识系列:第一百五十九篇】磁盘健康监测:smartctl
linux·前端·数据库·chrome·python·操作系统·软件
wkj0011 天前
uv如何配置阿里云源在 pyproject.toml 中 或在 uv.toml 中
chrome·conda·uv
wkj0011 天前
安装了conda和uv如何创建一个项目?
chrome·conda·uv·1024程序员节
吃饺子不吃馅2 天前
项目上localStorage太杂乱,逼我写了一个可视化浏览器插件
前端·javascript·chrome
Kevin Wang7272 天前
解除chrome中http无法录音问题,权限
前端·chrome
Dontla2 天前
(临时解决)Chrome调试避免跳入第三方源码(设置Blackbox Scripts、将目录添加到忽略列表、向忽略列表添加脚本)
前端·chrome
萌萌哒草头将军3 天前
重磅!首个 AI 浏览器发布,ChatGPT Atlas 浏览器问世!🚀🚀🚀
chrome·浏览器·v8