每次屏幕脏了都很难受,尤其是沾上指纹、灰尘。于是我被大模型忽悠,花一下午“清理出”了一个网页小工具,来帮我快速定位和清理屏幕上的脏污。
许愿编程的“意外收获”
最初,我只是通过大语言模型进行“许愿式编程”,我的原始需求极其简单:
“帮我写一个纯色的全屏网页,能够点击切换黑白底色,方便我把屏幕调亮来找脏污。”
然而,现在的 AI 编程助手显然非常“卷”。它不仅实现了我的基础诉求,还自作聪明地给我塞了一堆“它觉得我需要”的辅助功能。我本来准备删掉这些多余的代码,但当我真正进入全屏模式开始擦屏幕时,我发现:这些附赠的功能居然出奇地没什么用!
但是核心的擦屏幕很不错,于是我把它们都保留了下来,并优化整理成了最终的这个 屏幕清洁工具
核心功能深度剖析
1. 三色物理光检测(黑/白/灰背景)
不同类型的污渍在不同色光的折射和对比度下,显现程度是完全不同的:
- 黑色背景(暗光检测):最适合用来发现亮色的浮尘、毛发和碎屑。当光线从侧面照过来时,黑色背景下的细小灰尘会因为漫反射显得格外刺眼。
- 白色背景(强光检测):最适合用来捕捉深色的指纹、油脂、水渍或屏幕表面的唾液飞沫。白色背光相当于一个均匀透射的光源,能让屏幕表面的不均匀附着物无处遁形。
- 灰色背景(中性对比度):介于两者之间,提供最均衡的对比度,适合在清洁完后进行全局的快速核对。
2. 键盘防误触与“物理排错”双赢(Safe Mode)
这是模型非常惊艳的一个设计。我们擦屏幕时,往往会连带着想把布满指纹的键盘也顺手擦一下。但直接擦键盘会导致:
- 按键乱飞,误触浏览器的刷新(F5)、后退、或者是打开开发者工具(F12),甚至关闭网页;
- 电脑发出刺耳的系统报错提示音。
这个工具内置的 键盘防误触(Safe Mode) 完美解决了这个痛点:
- 底层事件拦截:在开启防误触后,页面在
keydown事件的捕获阶段拦截了键盘输入,并通过调用e.preventDefault()阻止了除Escape键之外的所有浏览器默认快捷键行为。此时,你哪怕用微纤维布在键盘上胡乱擦拭,页面也不会受到任何干扰。 - 化擦拭为测试(Key Tester):在拦截的同时,模型还做了一个超大的屏幕中央按键显示器。当抹布按压过键盘时,屏幕上会实时以不同的颜色分类展示被触发的键位,并保留最近 4 次的按键历史。这让你在“擦拭键盘”的同时,顺便对键盘的每一个键位进行了一次全方位的按键健康度测试,能一目了然地看出是否有按键连击或断触。
3. 清洁引导(没什么用的功能)
通常我们擦屏幕都是无章法的旋转摩擦,很容易把一处的油脂涂抹到另一处,或者漏掉屏幕的死角。 模型为我设计了一个名为 “清洁引导” 的跑马灯模式:
- 开启后,屏幕上会出现一个带有呼吸灯效(
animate-pulse)的白色高亮发光点,它会以每秒 50 次(20ms 间隔)的频率,沿着屏幕的最外围边缘循环移动。 - 你只需要将微纤维布对准这个小球,跟着它的移动轨迹循序渐进地擦拭。这种有条理的“画圈圈”轨迹设计,能确保屏幕的四周边缘和死角都能被系统性擦拭,绝无漏网之鱼。
4. 辅助计时器
虽然听起来有点像强迫症的专属功能,但它能帮你记录清洁所花费的时间。对于有多台设备需要日常维护的极客来说,看着计时器从 0 到 1 分钟,不仅提供了一种奇妙的清理仪式感,也能客观评估设备的维护频率。
结语
有时候,AI 编程助手由于上下文泛化给出的“赠品”代码,并不一定都是累赘。通过仔细甄别与保留,原本单一的“色板网页”迈向了集**“屏幕污点检测 + 键盘防误触 + 键盘键位测试 + 屏幕边缘巡检”**于一体的综合清洁辅助工作站。
如果你也经常为有灰尘的屏幕发愁,可以来试试这个屏幕清洁工具。
