【chrome 插件】PhotoShow 浮图秀：网页图片浏览利器

水深无声 2023-10-14 12:41 10阅读 0赞

### PhotoShow 介绍 ###

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

PhotoShow 目前已经支持了包括京东、天猫、淘宝、知乎、微博等 140 余个网站，在浏览这些网站时，插件默认配置只需要使用鼠标对其中的图片悬停既可以自动展示高分辨率图片，无论是浏览或下载图片，PhotoShow 都能起到很大的作用。

接下来将从插件安装、功能内容、使用效果等方面详细介绍 PhotoShow 插件的安装、配置和使用方法。

### 插件安装 ###

#### 插件在线安装和下载 ####

PhotoShow 插件与其他 chrome 插件安装方式基本一样，可以采用如下方法完成安装：

1.  谷歌商店一键安装，[PhotoShow][]
2.  Edge 浏览器加载项安装，[PhotoShow][PhotoShow 1]
3.  第三方网站下载插件包，chrome 浏览器离线安装，详细安装方法可以参考：[chrome 插件食用指南！【亲测可用】][chrome]
4.  已经下载打包好插件包，只需要关注公众号【爪哇程序人生】，后台回复 PhotoShow 既可以获取。

#### 离线安装步骤 ####

离线安装 Chrome 插件步骤如下

1.  打开谷歌浏览器，在地址栏输入 “chrome://extensions” 并按下回车键
2.  在扩展程序页面的右上角，确保 “开发者模式” 处于打开状态
3.  选择本地下载或解压的 `PhotoShow 浮图秀.crx` 文件
4.  将插件文件拖入到 Chrome 页面中，浏览器显示拖放以安装
5.  解析文件后提示是否将插件安装到浏览器中，选择安装既可
6.  完成安装后，插件出现在浏览器扩展程序中

### 功能介绍 ###

插件安装完成后，可以在浏览器右上角插件区域中找到 PhotoShow 浮图秀

![image.png][]

如果没有展示，则可以在右侧的扩展程序中将该插件固定到浏览器页面中。

![image.png][image.png 1]

#### 配置信息 ####

在可以启用插件的网站（含有图片的网页）中鼠标左键点击插件，就可以展示插件的配置信息

![image.png][image.png 2]

在配置中可以对 PhotoShow 插件的生效网站、启用逻辑、生效快捷键、延迟时间、图片展示方式、位置、大小等内容进行配置，实现最适合自己的一个图片预览效果。

#### 预览图片操作 ####

使用 PhotoShow 对图片进行预览后，还可以进一步对预览的图片进行操作，如旋转、切换、复制、保存到本地等操作，插件中提供了不同操作对应的快捷键。

![image.png][image.png 3]

#### 文件保存规则 ####

使用 PhotoShow 可以非常方便的对浏览的图片进行保存，插件还可以对保存时文件的名称进行自定义，如下格式对文件名称进行规则配置。

![image.png][image.png 4]

### 实际使用 ###

PhotoShow 浮图秀插件在支持的网站上默认开启，并且将鼠标在图片上放置超过 200ms 就会展示预览内容。

![image.png][image.png 5]

对预览图片进行旋转操作

![image.png][image.png 6]

B 站视频封面预览  
![image.png][image.png 7]

更多插件使用方法，可以自己上手使用体验。

#### 注意事项 ####

使用时需要注意的时，PhotoShow 插件支持多种图片格式，包括 JPEG、PNG、GIF 等，如果图片源文件比较大可能加载速度会慢一些。

### 最后 ###

通过 PhotoShow 谷歌插件可以方便地浏览、操作和下载网页图片，无论是浏览网页或是下载图片，PhotoShow 都会带来非常好的一种体验。

尤其是在当下大部分网站图片详情预览时会新开页面加载，使用该插件可以保证页面浏览的连贯性，不会被查看图片阻碍内容的浏览。

插件的安装和配置非常简单，强烈建议有需要的小伙伴下载尝试！

[PhotoShow]: https://chrome.google.com/webstore/detail/photoshow/mgpdnhlllbpncjpgokgfogidhoegebod?utm_source=ext_app_menu
[PhotoShow 1]: https://microsoftedge.microsoft.com/addons/detail/%E6%B5%AE%E5%9B%BE%E7%A7%80/afdelcfalkgcfelngdclbaijgeaklbjk
[chrome]: https://shonee.github.io/chrome-cha-jian-shi-yong-zhi-nan-chi-xu-geng-xin/
[image.png]: https://img-blog.csdnimg.cn/img_convert/b606ebc9b6642366b605968ac8920abf.png
[image.png 1]: https://img-blog.csdnimg.cn/img_convert/b8e69c10409d2e508c0f4d1aa5c9c38e.png
[image.png 2]: https://img-blog.csdnimg.cn/img_convert/d5aa51fbb87de220f43312c1f3e114dc.png
[image.png 3]: https://img-blog.csdnimg.cn/img_convert/8083117ea6bbfa9b33a538f01fa3f56b.png
[image.png 4]: https://img-blog.csdnimg.cn/img_convert/d3594734307b69dfb4add72475840e29.png
[image.png 5]: https://img-blog.csdnimg.cn/img_convert/dac56d49893df8da89314f662ef7e405.png
[image.png 6]: https://img-blog.csdnimg.cn/img_convert/2825762e6cede263a08fee7d9ed6669d.png
[image.png 7]: https://img-blog.csdnimg.cn/img_convert/bb3fa4d50038464bbdeb5bfc29775deb.png