省流不看
背景
人总是被好奇心推着走。
博主是非计算机专业的,最初接触前端是在大三时期,后来兜兜转转在毕业几年后最终走上了前端这条路。
最开始愿意探索前端的原因完全是因为CSS,热衷于各种酷炫的页面效果,这种即时的反馈很令人上头,后来更深入地了解了一些以后,就对网页是如何在浏览器上呈现出来的感兴趣,不只是了解一下大致的原理,为此我当时花了几百块买了一门Python Web的课程,跟着从头到尾拉了一遍,算是对从后到前有了一个还算明确的认识。也是因为如此,在后来走上前端之路时做了一段时间的前+后端,有了这段经历算是对前后有了更清晰的认知,前后端所讨论的那些事物在我眼中也不再有任何神秘的属性。
前端从业四年其实一直都没有经历过浏览器插件类似的场景,但在我心底其实一直还是有一些好奇的。去年接近年底的时候,后端同事考虑说能不能一起做一个开放的门户,赚点广告费之类的,也算是在工作之外有点其他的被动性尝试,从多个角度考虑以后,最后打算做一个浏览器新标签页插件,我也比较有意向。
很快后端同事找了UI设计朋友出了一版设计图,但因为工作和生活等各种因素,几经搁置,但是这件事又一直在我心底抓挠着我,于是在今年我用一些闲散的时间又将它捞了起来。
现状
最初的设想自然是没有实现,目前的版本仅仅是一个纯前端实现的新标签页插件,当前的版本中存在一些已知的问题(见附文),但后续是否会优化或继续开发则犹未可知,如果后续不考虑继续优化和开发的情况下,博主是否会将源码开源则还需要征得后端同事和UI朋友的意见,尽管目前的版本在代码层面完全是由我一个人实现的。
功能概览
- 桌面模式&纯净模式
- 主题切换
- 搜索建议
- 常用搜索
- 添加图标
- 添加自定义图标
- 侧边分类
- 壁纸设置
- 更多功能请通过前文在线预览或安装插件尝试
收获
收获自然是有一些的,毕竟是和平日里业务代码不同的场景,而且代码的宿主环境也不同于平时的浏览器环境,但是如果说现在要让我列个一二三四五点,我倒也觉得无甚必要。
就像我写这篇文章的时候其实已经是在这个插件最后一次代码更新后的几个月了,如今的我并不觉得分享解决问题的经验有更多的价值,因为我不觉得技术一直成长,人就能无限成长,很多程序猿都太会解决问题了,但是这一部分程序猿其实更需要的是放开视角,他们在社会上的参与其实太少。
这只是个人的一些看法。
再一个原因是如果没有类似的场景经历来驱动思考,我觉得直接知道答案意义不大。
(好吧其实就是懒,不想总结了)
写在最后
前文的在线预览是通过帽子云,一站式前端解决方案托管的,博主最初知道帽子云还是因为之前找工作。彼时我想着作为一个老前端,面试时再拿着一个千篇一律的模板实在是太不酷了,于是自己用静态页面实现了一份个人简历,准备将其托管在网上。一来这可以很方便地通过链接将其分享出去,无论是HR还是技术负责人,二来如果访问者通过在线的形式查看我的个人简历,他们可以很方便地跳转到我留在个人简历上的博客地址以及GitHub主页(尽管没什么好看的),当然也是做了移动端和PC端的适配的,在PC端还可以快捷地通过Ctrl+P另存为PDF格式,方便随时修改简历内容的同时也可以直出一份PDF格式简历。
起初是打算托管在GitHub上的,但是GitHub的Pages服务需要公开仓库才能开启,出于一些考虑(纯静态文件,代码写的并不优雅),我并不想公开这个仓库,但如果不公开就无法使用GitHub的Pages服务。机缘巧合下了解到帽子云,最终我将仓库设置为公开并通过帽子云托管,然后将仓库从新设置为隐私状态,这样我就拥有了一个在线的个人简历,但并不公开仓库,尽管也有其他类似的方式可以实现,但是我觉得这种方式是非常适合我当时的需求的。
众所周知,尽管绝大多数程序猿能够始终流畅地访问GitHub,但很多其他行业的从业者并不一定能顺利访问GitHub服务,再加上本来GitHub服务时不时也会扯扯蛋,所以帽子云这种国内的服务很好地照顾了更广泛的访问者,这也是我选择它很重要的一个原因。正是因为有这些原因,再加上我的使用体验还不错,所以在这里想推一推这个好用的服务。
这可能是喵ingTab的结束,也或许是喵ingTab的开始,一切犹未可知。
以上。
附文
- 设置-搜索-Tab键切换搜索引擎功能未优化,目前需要主动聚焦于搜索框后才可切换搜索引擎
- 暗色主题下一些样式细节需要优化
- 内置网址导航并未梳理(因为目前已经提供了自定义添加功能,且此处本应通过后端动态管理,在前端内置更多意义不大)
- 小组件功能暂时搁置
- 侧边栏分类和图标拖拽排序和摆放位置功能暂时搁置
- 侧边栏分类图标较少,自定义图标功能暂时搁置
更新记录
2025.12.28修改内容(发布版本0.0.2)
* 附文第1、第5条已实现
* 优化了搜索框在使用中文输入法时使用Enter键输入直接触发搜索的Bug
2025.12.30修改内容(发布版本0.0.3)
* 附文第3条已梳理
* 离线使用优化