演示地址

https://screen.no0a.cn

Github地址

https://github.com/BWmelon/isMyScreenOk

前言

昨天在写一个网页渐变背景的时候发现外接显示器和笔记本显示器显示的效果有很明显的区别：

屏幕效果

从图中可以看出右侧的外接显示屏显示的渐变颜色层次比左侧明显，刚开始以为是视角的原因，于是不停地修改渐变颜色和渐变角度，改着改着就萌生了做一个屏幕检测网站的想法。

由于考虑到网站中涉及很多颜色的改变，所以用了vue框架来做背景颜色绑定，UI用了Element。

顺带说一句，垃圾屏幕。

功能

网站目前有3个功能：

1. 纯色检测

预先设置了包括黑白颜色在内的共7种颜色，用键盘上的小于按键和大于按键控制颜色的切换，这个可以用来检测屏幕是否存在坏点和色彩分布是否均匀。

纯色检测

2. 自定义纯色检测

可以通过颜色选择器选择想要显示的颜色。

自定义纯色检测

3. 自定义渐变色检测

通过颜色选择器和滑块选择渐变的颜色和角度，可以查看屏幕的渐变色显示效果。

自定义渐变色检测

移动端

由于网页中用了较多热键，暂时还没有想到好的移动端检测方式，可能以后会重写一个针对移动端的检测网页。

Todo

  • [ ] 美化UI
  • [ ] 适配 / 重做移动端
  • [ ] 其他屏幕检测功能
最后修改：2019 年 11 月 19 日 07 : 52 PM
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏