不多废话,直奔主题

第一步. 打开浏览器,添加一个书签

以谷歌浏览器为例,其他类似

第二步. 填写名称和网址

  • 名称::封面(随便起)
  • 网址:

    javascript:window.open(__INITIAL_STATE__.epInfo? __INITIAL_STATE__.epInfo.cover : __INITIAL_STATE__.videoData.pic);

保存。ok,准备完成。以后每打开一个视频,点击刚才的书签,就能在新窗口看到封面。

原理

一般我们访问网站,采用的是 http://https:// 开头的协议,其实浏览器还支持其他协议。
比如上面用到的 javascript: 伪协议,它的作用是:在当前页面执行一段自己准备的 javascript 代码。
这种操作类似于油猴脚本,不同的是,它不需要在每次页面加载后都执行,只需要在自己偶尔需要的时候点击执行就可以,而且因为免 UI 可以省去很多代码。
同样,我们也不必借助 http://www.galmoe.com/ 这样的专门网站获取封面

what's more

除了获取封面,利用伪协议制作的标签,还可以帮我们做很多事。比如说:

一键打开弹幕

地址:

javascript:window.open(`https://api.bilibili.com/x/v1/dm/list.so?oid=${cid}`);

视频截图

调用 b 站的一个 api,可以截图,不过因为源码的参数是固定的所以分辨率偏低
地址:

javascript:player.screenshot(!0);

截动态图

同样是调用 b 站 api
地址:

javascript:player.screenshot(0);

视频预览

当视频播放时,点击它可以获取当前视频的预览图。若视频较长,连续点击可查看下一张
地址:

javascript:if(window.cid){window.open(`http://i3.hdslb.com/bfs/videoshot/${cid}.jpg`);}else{h = window.location.href;window.location.href=h.indexOf('-')<0?h.replace('.jpg', '-1.jpg'):h.replace(/\d\.jpg/, (+h.match(/(\d)\.jpg/)[1]+1)+'.jpg');}void(0);


扯淡后话

用伪协议制作的书签还能帮我们做很多事情,上面只涉及了 b 站相关的几个,后面还有一些比较通用的,感兴趣的话可以继续看这篇博客