我居然把iOS组件搬到了电脑上？

文章概览：

1. 我为啥要做iTab新标签页？
2. iTab新标签页有些啥亮点？
3. iTab新标签页能满足你啥需求？
4. 如何使用iTab新标签页？
5. 写在最后

• 我为什么要做iTab新标签页？

曾几何时，我还不是程序员那会儿，我用的浏览器主页一般都长这个样子（如下），要么广告贼多，要么娱乐八卦多到爆炸。本来是想查东西来着，但经常不知不觉被标题党骗去看新闻，一回神反倒不记得自己要查什么。所以那时候就特别想要一个干干净净的浏览器主页……

baidu

360起始页

后来，我当了程序员后，我的浏览器主页就变成了这样（如下图），清爽无比，专注搜索，真是正中我心呀！但不知是程序员当久了还是谷歌搜索页看烦了，我觉得这个界面真的是呆板又无趣。图标大小样式不能调，常用网站不能分组，界面布局不能改，背景效果也没法调，总之就是各种不自由。我想有一个我可以定义图标样式，界面布局和使用习惯的个性化起始页。那既然需求来了，我为何不自己动手满足一下我自己呢？干就完了！

谷歌起始页

于是，就有了今天想跟大家介绍的我爆肝400多个小时开发的高自由度卡片式浏览器主页插件——iTab新标签页。

主页还是很耐看的吧

• iTab新标签页有哪些亮点？

1. 集合全网开源高清壁纸

浏览器主页的第一要义一定是好看，壁纸是撑起主页好看与否的关键。所以我集合了几乎全网的开源高清壁纸。不管你喜欢哪种风格，都能找到你爱的那一款，我个人当然首选动态壁纸啦，天知道有多好看。同时还可以给壁纸设置遮罩和透明度效果。光冲着壁纸量大这一点，你不体验下就亏了。

最全的壁纸集

2. 内置iOS式小组件原创应用

因为我是iOS深度用户，很喜欢iOS小组件，所以就斗胆在桌面主页上应用了一下。目前我做了实时天气，今日热搜，万年历，待办事项等小组件。没想到卡片式的效果还蛮精致，常用信息一目了然，不用再搜索。每个图标都可以设置成卡片样式，大小也可以自己设置。

iOS小组件既视感

• 会自己动的天气

天气面板可以随天气切换，外面下雨就显示下雨效果。这样一下子让面板有了灵魂有木有。包含可预报全球10000多个地区一周天气，包括精确到县级。

会自己动的天气

• 今日热搜

可以自主订阅新闻媒体，没有花里胡哨的图片，两个字就是很简洁。

清爽的热搜界面

• 待办事项

上班必备，界面简洁，可以钉在桌面上，避免遗忘。

随手记一下重要的事

钉在桌面上很方便的

• 能算命的万年历

其实阳历日期大家一般都记得比较好，尤其是发薪日，但农历一般都记不住。有时候看个农历日期还得搜索专门的农历表，所以我就在这个日历中特地加入了万年历，星座运势，宜忌事项和工作日计算等小工具，方便查阅。

能看农历的日历

附赠一些时间小工具

3. 自定义网站图标和布局

安装好iTab标签页后，我给大家做了一版默认设置。大家可以根据自己的喜好添加和删除图标。操作很简单，右键选择添加图标即可。我内置了最常用的一些网站，只要搜索网站名称点击添加即可。另外也可以自行添加网址名称和图标。

其次，每个图标都可以进行编辑。可以自行调节图标图标大小，圆角或方角，透明度，行列间距，图标色甚至文字大小等等。同时，图标也可以自由拖动摆放。总之，一千个用户就有一千个iTab。自定义你的主页风格就是这么简单。

内置海量网站图标

可自行添加网站

自定义图标样式

圆角图标效果

4. 快速切换多个搜索引擎

目前支持Google/Bing/GitHub/百度搜索。只要点击搜索框左侧图标，即可快速切换搜索引擎。为了方便我们程序员，这里我特别添加了GitHub搜索。未来也会增加自定义添加搜索引擎的功能。

快速切换搜索

5. 深色浅色模式和跟随系统

可以自由切换浅色和深色模式，当然如果你浏览器有设定模式，也可以让其跟随系统设置。

浅色模式

深色模式

6. 内置搜索框快捷翻译

英文翻译程序员必备，懂得都懂。所以我在搜索框中内置了翻译软件，只要在搜索栏中输入内容，下拉框第一项就是翻译，直接点击即可。这样就不用先搜索翻译软件再翻译，直接一步到位。

快捷翻译

7. 极简模式

考虑到很多用户可能不喜欢桌面上放图标，所以我增加了极简模式。极简模式下只显示时间，搜索框和一言。当然底部的文字也是可以隐藏掉的，只要在设置里设置即可。

极简模式

8. 自定义图标分组

iTab支持图标分组。可以根据喜好，将浏览器进行多功能分区。设置比如二次元专场，程序员专场，娱乐放纵专场等等。

自定义分组

9. 第三方账号系统和云端备份

成为iTab注册用户后，所有自定义设置，待办事项等内容都会同步进行云存储。这样随时更换设备也不会担心丢失数据了。目前支持github和新浪微博进行第三方直接登录，后续还打算增加微信和手机号注册。

image

10. 无广告无广告无广告

重要的事情说三遍。这个真的很重要，你不用担心时不时弹出个广告什么的，完全可以放心专注地使用。服务器费用现在都由我自己承担。如果你们觉得对自己确实有用的话，就多多支持我啦！

• iTab新标签页满足什么需求？

• 好看

如果你对起始页审美有需求，那不妨试试iTab。惊艳的壁纸，卡片式设计和毛玻璃效果给你好看。

• 好用

如果你对快捷好用的起始页有需求，那不妨试试iTab。让你专注于搜索，快捷管理常用网站，快捷翻译，内置了待办，热搜，天气日历应用和多个搜索引擎的iTab起始页就是你最好的选择。

• 高自由度

如果你想体验自由布局的乐趣，那不妨试试iTab。iTab起始页从图标到界面到壁纸，可以充分释放你的自由，让你体会亲手设计有自己风格烙印的快乐。嗯，自由确实很重要！

• 如何使用iTab新标签页？

• 可以在谷歌应用商店，微软Edge 搜索下载iTab插件，后续我会在火狐Firefox和360市场上架。

• chrome商店：戳我下载

• edge商店：戳我下载

• PWA安装，进入web版，点击地址栏右侧安装按钮，即可像使用软件一样使用iTab标签页

• 如果打不开chrome商店也可以直接点击官网下载离线版：https://itab.link

• 写在最后

其实在开发之前，我没料到会有这么大工作量。从前端页面设计，码代码，做应用到后端架构测试，再到上线后运营维护，都是我一个人。所有这一切的投入都只是出于当初一股纯粹的激情。虽然白天上班，晚上熬夜肝代码真的很辛苦，但被激情驱动的人生有一种很真实的幸福感，因为眼里有光。好在上线后得到了很多用户的喜欢，算是对我付出的一种肯定和鼓励。希望大家能继续喜欢iTab新标签页，希望大家一直眼里都有光。谢谢！！！