分类：Chrome插件英雄榜

---

title: Chrome插件英雄榜116《EXIF Viewer Classic》查看网页中摄影图片的拍摄时间光圈快门等Exif参数信息

见到一张优秀的摄影图片，摄影爱好者会关注一下摄影参数，以便日后模仿学习，我们手机或相机拍摄的原图，往往会带有拍摄时的参数信息（光圈，快门，感光度，镜头参数，拍摄时间），图像处理软件也会在图片中保留软件信息，这部分信息被称为Exif，《EXIF Viewer Classic》是一款可以查看图片Exif信息的插件。

zhaoolee 在2022年10月20日用手机拍摄了几张照片，用Adobe Lightroom 稍加处理后，上传到了这张网页上， https://fangyuanxiaozhan.com/p/2022-10-20-19-53-29-ns-mac/ ，在网页上通过《EXIF Viewer Classic》查看照片Exif信息的效果如图所示。

观察上图，《EXIF Viewer Classic》并不会对所有网页图片进行处理，只有当用户的手柄浮动到照片之上，才会试试读取图片Exif信息，并以文字浮层的形式，展示到照片顶部（我的鼠标浮动在顶部图片显示出了Exif信息，而底部图片没有文字浮层）。

支持自定义显示数据模板

• Google商店评论区老哥贡献的中文模板

设备 {ExifViewer.CameraModel}　   焦距 {FocalLength}mm　   感光速率 ISO{ISOSpeedRatings}　   光圈系数 F{FNumber}　  光圈值 {ApertureValue}　   曝光时间 {ExposureTime}s　  曝光补偿 {ExposureBias}EV　  曝光程序 {ExposureProgram}　   闪光灯 {Flash}　  测光模式 {MeteringMode}　  焦距 {FocalLength}　  白平衡 {WhiteBalance}　   色域 {ColorSpace}　  尺寸 {ExifViewer.Image.Width} x {ExifViewer.Image.Height}　  日期 {DateTimeOriginal}　  软件 {Software}

设置模板后的效果

如果照片包含GPS信息，会出现一个GPS红色标识，点击红色标识，会在Google 地图中展示出地点（在线测试地址 http://regex.info/blog/photostream/main.html）

• 在Google地图展示地点信息

《EXIF Viewer Classic》 下载链接

Chrome	Edge	FireFox	离线安装包
下载链接 / Download link	暂无	暂无	下载链接 / Download link

小结

为了减少图片体积，保护用户隐私，我们在微信，微博等社交平台发送的图片，Exif信息往往被自动删除了，如果摄影爱好者要分享自己图片的Exif信息，最简单省事的方式还是建自己的网站，40GB 5MB带宽的服务器，装个WordPress程序，每天分摊的成本也就几毛钱。

写在最后(我需要你的支持) / At the end (I need your support)

• 本文属于Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes

• This article is part of the ChromeAppHeroes project. Github link : https://github.com/zhaoolee/ChromeAppHeroes

• Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类, 如果你喜欢这个项目, 希望你能为本项目添加一颗 🌟星.

• ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human, If you like this project, I hope you can add a star 🌟 to this project.

---

title: Chrome插件英雄榜115《Linkclump》在网页画个长方形，打开长方形内所有超链接

Linkclump是一款可以通过框选网页，快速打开多个超链接的小插件。

场景1

对于封面欺诈严重的颜值主播区，我们可以快速打开多个标签页进行鉴别。

场景2

搜索一些没有固定答案且多多益善的内容，比如「独立博客推荐」

场景3

从网页批量下载多个直链资源， 以https://github.com/zhaoolee/ChineseBQB 网页提供的表情包系列为例。

另外，开发者们快速批量检测页面是否正常打开，也可以使用Link Clump

Linkclump使用方法也很简单，安装插件后，长按键盘Z键，用鼠标框选区域，松开鼠标，松开Z键，被框选区域的超链接会被打开。

一些不常用的Linkclump设置

Linkclump 支持自定义设置

• 支持点击Add Action 添加多个快捷键，完成不同的操作

• 更多细节定制

Action 默认为「Opened as New Tabs」， 但我更习惯使用「Opened in a new Windows」, 这样可以很方便通过关闭窗口(Window)，批量关闭框选打开的Tab

《Linkclump》 下载链接

Chrome	Edge	FireFox	离线安装包
下载链接 / Download link	暂无	下载链接 / Download link	下载链接 / Download link

小结

Linkclump是一款很酷的小工具，开源地址 https://github.com/benblack86/linkclump ，Linkclump能让用户以更少的时间浏览更多的网页，非常适合高强度上网冲浪的新媒体工作者。

写在最后(我需要你的支持) / At the end (I need your support)

• 本文属于Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes

• This article is part of the ChromeAppHeroes project. Github link : https://github.com/zhaoolee/ChromeAppHeroes

• Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类, 如果你喜欢这个项目, 希望你能为本项目添加一颗 🌟星.

• ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human, If you like this project, I hope you can add a star 🌟 to this project.

---

title: Chrome插件英雄榜114《WordPress SideBar》为WordPress网站添加类似GitBook的侧边栏目录

• 油猴脚本运行

• 目录

• 搜索

这款插件(准确来说是油猴脚本)由zhaoolee编写, 完全开源, 可以作为油猴脚本使用, 也可以供WordPress站长直接通过script脚本 引入自己的网站.

<script src="https://www.v2fy.com/wordpress-sidebar/index.js"></script>

开源地址: https://github.com/zhaoolee/wordpress-sidebar

图文详尽的教程在 README.md 中, 为了避免内容重复, 浪费存储资源, 这里就不复制粘贴了, 通过 https://github.com/zhaoolee/wordpress-sidebarREADME.md部分直接查看教程

写在最后(我需要你的支持) / At the end (I need your support)

• 本文属于Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes

• This article is part of the ChromeAppHeroes project. Github link : https://github.com/zhaoolee/ChromeAppHeroes

• Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类, 如果你喜欢这个项目, 希望你能为本项目添加一颗 🌟星.

• ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human, If you like this project, I hope you can add a star 🌟 to this project.

---

title: Chrome插件英雄榜113《SVG Export》将SVG矢量图导出为任意尺寸的PNG图片

可缩放矢量图形（英语：Scalable Vector Graphics，SVG）是一种基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式。SVG由W3C制定，是一个开放标准。

SVG非常适合作为品牌Logo, 因为无论放大多少倍, 都不会失真, 而在制作PPT或Word的过程中, 往往需要PNG格式的图片, 《SVG Export》这款扩展程序,可以将网页上的SVG矢量图导出为任意尺寸的PNG图片.

使用效果

• 将svg转换为任意尺寸的png

• 当然你也可以直接下载svg, 甚至直接一键复制svg到设计软件Sketch

svg可以用文本表示，内容如下

• youtube svg文本

<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 20" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;" width="90" height="20"><g viewBox="0 0 90 20" preserveAspectRatio="xMidYMid meet" class="style-scope yt-icon" fill="#FFFFFF"><g class="style-scope yt-icon" fill="#FFFFFF"><path d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z" fill="#FF0000" class="style-scope yt-icon"></path><path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="#FFFFFF" class="style-scope yt-icon"></path></g><g class="style-scope yt-icon" fill="#FFFFFF"><g id="youtube-paths" class="style-scope yt-icon" fill="#FFFFFF"><path d="M34.6024 13.0036L31.3945 1.41846H34.1932L35.3174 6.6701C35.6043 7.96361 35.8136 9.06662 35.95 9.97913H36.0323C36.1264 9.32532 36.3381 8.22937 36.665 6.68892L37.8291 1.41846H40.6278L37.3799 13.0036V18.561H34.6001V13.0036H34.6024Z" class="style-scope yt-icon" fill="#FFFFFF"></path><path d="M41.4697 18.1937C40.9053 17.8127 40.5031 17.22 40.2632 16.4157C40.0257 15.6114 39.9058 14.5437 39.9058 13.2078V11.3898C39.9058 10.0422 40.0422 8.95805 40.315 8.14196C40.5878 7.32588 41.0135 6.72851 41.592 6.35457C42.1706 5.98063 42.9302 5.79248 43.871 5.79248C44.7976 5.79248 45.5384 5.98298 46.0981 6.36398C46.6555 6.74497 47.0647 7.34234 47.3234 8.15137C47.5821 8.96275 47.7115 10.0422 47.7115 11.3898V13.2078C47.7115 14.5437 47.5845 15.6161 47.3329 16.4251C47.0812 17.2365 46.672 17.8292 46.1075 18.2031C45.5431 18.5771 44.7764 18.7652 43.8098 18.7652C42.8126 18.7675 42.0342 18.5747 41.4697 18.1937ZM44.6353 16.2323C44.7905 15.8231 44.8705 15.1575 44.8705 14.2309V10.3292C44.8705 9.43077 44.7929 8.77225 44.6353 8.35833C44.4777 7.94206 44.2026 7.7351 43.8074 7.7351C43.4265 7.7351 43.156 7.94206 43.0008 8.35833C42.8432 8.77461 42.7656 9.43077 42.7656 10.3292V14.2309C42.7656 15.1575 42.8408 15.8254 42.9914 16.2323C43.1419 16.6415 43.4123 16.8461 43.8074 16.8461C44.2026 16.8461 44.4777 16.6415 44.6353 16.2323Z" class="style-scope yt-icon" fill="#FFFFFF"></path><path d="M56.8154 18.5634H54.6094L54.3648 17.03H54.3037C53.7039 18.1871 52.8055 18.7656 51.6061 18.7656C50.7759 18.7656 50.1621 18.4928 49.767 17.9496C49.3719 17.4039 49.1743 16.5526 49.1743 15.3955V6.03751H51.9942V15.2308C51.9942 15.7906 52.0553 16.188 52.1776 16.4256C52.2999 16.6631 52.5045 16.783 52.7914 16.783C53.036 16.783 53.2712 16.7078 53.497 16.5573C53.7228 16.4067 53.8874 16.2162 53.9979 15.9858V6.03516H56.8154V18.5634Z" class="style-scope yt-icon" fill="#FFFFFF"></path><path d="M64.4755 3.68758H61.6768V18.5629H58.9181V3.68758H56.1194V1.42041H64.4755V3.68758Z" class="style-scope yt-icon" fill="#FFFFFF"></path><path d="M71.2768 18.5634H69.0708L68.8262 17.03H68.7651C68.1654 18.1871 67.267 18.7656 66.0675 18.7656C65.2373 18.7656 64.6235 18.4928 64.2284 17.9496C63.8333 17.4039 63.6357 16.5526 63.6357 15.3955V6.03751H66.4556V15.2308C66.4556 15.7906 66.5167 16.188 66.639 16.4256C66.7613 16.6631 66.9659 16.783 67.2529 16.783C67.4974 16.783 67.7326 16.7078 67.9584 16.5573C68.1842 16.4067 68.3488 16.2162 68.4593 15.9858V6.03516H71.2768V18.5634Z" class="style-scope yt-icon" fill="#FFFFFF"></path><path d="M80.609 8.0387C80.4373 7.24849 80.1621 6.67699 79.7812 6.32186C79.4002 5.96674 78.8757 5.79035 78.2078 5.79035C77.6904 5.79035 77.2059 5.93616 76.7567 6.23014C76.3075 6.52412 75.9594 6.90747 75.7148 7.38489H75.6937V0.785645H72.9773V18.5608H75.3056L75.5925 17.3755H75.6537C75.8724 17.7988 76.1993 18.1304 76.6344 18.3774C77.0695 18.622 77.554 18.7443 78.0855 18.7443C79.038 18.7443 79.7412 18.3045 80.1904 17.4272C80.6396 16.5476 80.8653 15.1765 80.8653 13.3092V11.3266C80.8653 9.92722 80.7783 8.82892 80.609 8.0387ZM78.0243 13.1492C78.0243 14.0617 77.9867 14.7767 77.9114 15.2941C77.8362 15.8115 77.7115 16.1808 77.5328 16.3971C77.3564 16.6158 77.1165 16.724 76.8178 16.724C76.585 16.724 76.371 16.6699 76.1734 16.5594C75.9759 16.4512 75.816 16.2866 75.6937 16.0702V8.96062C75.7877 8.6196 75.9524 8.34209 76.1852 8.12337C76.4157 7.90465 76.6697 7.79646 76.9401 7.79646C77.2271 7.79646 77.4481 7.90935 77.6034 8.13278C77.7609 8.35855 77.8691 8.73485 77.9303 9.26636C77.9914 9.79787 78.022 10.5528 78.022 11.5335V13.1492H78.0243Z" class="style-scope yt-icon" fill="#FFFFFF"></path><path d="M84.8657 13.8712C84.8657 14.6755 84.8892 15.2776 84.9363 15.6798C84.9833 16.0819 85.0821 16.3736 85.2326 16.5594C85.3831 16.7428 85.6136 16.8345 85.9264 16.8345C86.3474 16.8345 86.639 16.6699 86.7942 16.343C86.9518 16.0161 87.0365 15.4705 87.0506 14.7085L89.4824 14.8519C89.4965 14.9601 89.5035 15.1106 89.5035 15.3011C89.5035 16.4582 89.186 17.3237 88.5534 17.8952C87.9208 18.4667 87.0247 18.7536 85.8676 18.7536C84.4777 18.7536 83.504 18.3185 82.9466 17.446C82.3869 16.5735 82.1094 15.2259 82.1094 13.4008V11.2136C82.1094 9.33452 82.3987 7.96105 82.9772 7.09558C83.5558 6.2301 84.5459 5.79736 85.9499 5.79736C86.9165 5.79736 87.6597 5.97375 88.1771 6.32888C88.6945 6.684 89.059 7.23433 89.2707 7.98457C89.4824 8.7348 89.5882 9.76961 89.5882 11.0913V13.2362H84.8657V13.8712ZM85.2232 7.96811C85.0797 8.14449 84.9857 8.43377 84.9363 8.83593C84.8892 9.2381 84.8657 9.84722 84.8657 10.6657V11.5641H86.9283V10.6657C86.9283 9.86133 86.9001 9.25221 86.846 8.83593C86.7919 8.41966 86.6931 8.12803 86.5496 7.95635C86.4062 7.78702 86.1851 7.7 85.8864 7.7C85.5854 7.70235 85.3643 7.79172 85.2232 7.96811Z" class="style-scope yt-icon" fill="#FFFFFF"></path></g></g></g></svg>

《SVG Export》 下载链接

Chrome	Edge	FireFox	离线安装包
下载链接 / Download link	下载链接 / Download link	下载链接 / Download link	下载链接 / Download link

小结

svg是一种优雅的图片格式, 它开放标准, 广泛应用于web领域, 工程师们使用svg, 可以告别各种高清屏幕的适配问题, 我们可以将svg视为曲线与颜色填充的混合体, 由于曲线可以用数学公式表达, 所以放大多少倍也不会失真.

写在最后(我需要你的支持) / At the end (I need your support)

• 本文属于Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes

• This article is part of the ChromeAppHeroes project. Github link : https://github.com/zhaoolee/ChromeAppHeroes

• Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类, 如果你喜欢这个项目, 希望你能为本项目添加一颗 🌟星.

• ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human, If you like this project, I hope you can add a star 🌟 to this project.

---

title: Chrome插件英雄榜112《Smart TOC》节约滚动网页时间, 为任意网页自动添加索引，生成浮动智能小目录

如果你浏览的网页很长，Smart TOC可以帮你智能生成索引，快速定位到网页的特定位置

在Github浏览《嘎！RSS》索引

如果你对RSS感兴趣, 可以在开源项目《嘎！RSS》 github.com/zhaoolee/garss 找到很多有意思的源, 并每天定时调用Github Actions 刷新出最新的文章标题和索引, 支持将当日新内容, 以锤子便签的排版风格发送到自己的邮箱中~

浏览Chrome插件英雄榜的超长README.md 支持多层展开

查看文章

比原版百科更直观清晰的索引

快速刷各种政务网站（如果题目过长，还能移动索引位置）

《Smart TOC》 下载链接

Chrome	Edge	FireFox	离线安装包
下载链接 / Download link	暂无	下载链接 / Download link	下载链接 / Download link

小结

Smart TOC对每天查阅大量文章资料的人很有帮助, 能快速定位到自己感兴趣的段落, 减少了鼠标滚轮的损耗, 节约了滚动定位的时间.

Smart TOC的实现原理是获取页面内的标题标签，并计算距离页面顶部的高度，生成索引，当用户点击索引时，只需让页面滚动相应的高度即可。

速读文章的诀窍是先了解文章结构, 再精读自己最感兴趣的段落内容, Smart TOC恰好能帮用户快速查看文章结构, 用户只需选择自己喜欢的段落精读即可~

写在最后(我需要你的支持) / At the end (I need your support)

• 本文属于Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes

• This article is part of the ChromeAppHeroes project. Github link : https://github.com/zhaoolee/ChromeAppHeroes

• Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类, 如果你喜欢这个项目, 希望你能为本项目添加一颗 🌟星.

• ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human, If you like this project, I hope you can add a star 🌟 to this project.