浏览器摸鱼扩展：Loafishing

上班摸鱼浏览网页时，最尴尬的场面莫过于领导同事路过你背后看见沾满整个屏幕的 NSFW 内容。特别是国内的一些 2B 编辑，恨不得为文章里的每行字都配上一副屁都搭不上界的尬/梗图。如果在浏览器设置中关闭图片显示，又会导致想要浏览的图片也看不到了，严重影响摸鱼的效率。

一种理想的摸鱼浏览模式应该是这样的：网页中所有的图像、视频全部加上透明度滤镜，以坐在屏幕前的自己能够隐约看见内容，而离开屏幕一定距离的同事或摄像头完全看不清为最佳状态。当我们想看清图像内容的时候只要把鼠标移上去，就能恢复正常显示。另一种模式是：在网页中浮动或者弹出一个「画中画」窗口，鼠标指向的图像将在其中正常显示。

为此，我特地写了一个浏览器扩展——Loafishing（源代码和使用说明）。目前可以在微软 Edge 商店下载安装（由于微软审核周期比较长，此处版本较旧）：

开启「画中画」效果如图所示：

目前「画中画」模式仍有一些兼容性缺陷：

• 处理背景图透明时，扩展会创建一个遮罩层，在某些网页中会挡住部分网页元素。此时只要关闭「画中画」模式就能恢复正常。
• 某些图像和视频会被其他透明层遮挡，需要手动按下 Ctrl 键让鼠标事件能够「穿透」到目标元素。
• 扩展仅处理 <IMG>, <VIDEO> 和包含 background-image 样式定义的 HTML 元素，对于用非标准 HTML 标签来展示的图像（比如 B 站视频评论区的头像）则无法正确处理。
• B 站的视频无法在「画中画」窗口里正常播放。

另外由于浏览器的功能限制，弹出的「画中画」窗口也有如下局限性：

• 无法自动弹出「画中画」窗口，必须由鼠标或键盘事件触发。
• 页面刷新或跳转后弹出窗口会关闭。

接下来需要完善的功能有：

• 自定义快捷键
• 一键「画中画」弹出网页中正在播放的视频