宅疯了,我居然写了个这样的Chrome插件

1,417 阅读2分钟

起因

众所周知,在BilBil看宅舞对于我们男生来是一种无与伦比美妙的感觉。

然而很多人并不知道热心舞见小姐姐为什么有时候要配上竖屏版。

这时候有人会说:不是为了手机观看方便么。

那我就要说:No,No,No。

可能你们有些人还不知道当你有一个大寸又优秀的显示器,竖放播放着小姐姐的竖屏的宅舞视频时, 哪种感觉,OH MY GOD!就犹如舞见小姐姐亲自上门跳舞给你看一样。

image.png

(截图出自bilbil视频 【聂俊桌面大公开!】)

可是在外漂泊打工那么久,每个月赚那点薄弱的工作,到现在都没钱给自己买个显示器,身边只有一台破笔记本,虽然公司有显示器配备给我们使用,但是身为腼腆又害羞的程序员又不好意思在公司里面用着竖屏看宅舞。

咋办捏,怎么用笔记本体验用竖屏看宅舞的快乐。对了要是bilbil有视频旋转功能不就解决了吗,但是我找了半天似乎没有这个功能。

怒了,这么重要的功能这个破站居然都没有,居然这个破站没有。身为一个前端工程师,这点小事情还能难到我不成!

开始解决

  • 步骤一 打开有bilbil的竖屏宅舞视频

WechatIMG281.jpeg

  • 步骤二 打开Chrome开发者工具 找到video标签

image-2.png

  • 步骤三 设置transform: rotate(-90deg);

image-1.png

嗯嗯对了,就是这个样子,但是好像少了点什么。对了全屏,我要全屏。

  • 步骤四 在transform: rotate(-90deg) 后面再加 scale(2);

2801617471999_.pic.jpg

哦吼吼~ 就是这个感觉。真是今生无悔入前端,就这么一句代码就能体验到这么纯粹的快乐。

分享

快乐肯定不能只有我一个人独享,我按以上的方法把它做成了Chrome插件,大家有兴趣可以体验一下。

Google应用商店插件地址

我也把它放到了GitHub中,大家也可以直接下载下来体验。

在README.md中我已经写了具体的使用教程。

GitHub地址

结束

当然这只是一篇娱乐的文章,希望能博大家一乐。

希望大家在工作之余能发现更多生活的有趣的事情。