为什么要做iTab新标签页?

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

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

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

——iTab新标签页。

iTab新标签页有哪些亮点?

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

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

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

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

3.响应式天气

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

4.今日热搜

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

5.待办事项

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

6.万年历

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

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

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

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

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

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

9 深色浅色模式和跟随系统

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

10.内置搜索框快捷翻译英文翻译

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

11.极简模式

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

12.自定义图标分组iTab支持图标分组。

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

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

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

14.无广告无广告无广告

重要的事情说三遍。这个真的很重要,你不用担心时不时弹出个广告什么的,完全可以放心专注地使用。服务器费用现在都由我自己承担。

如果你们觉得对自己确实有用的话,就多多支持我啦!

Tab新标签页满足什么需求?

好看

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

好用

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

自由

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

如何使用iTab新标签页?

可以在谷歌应用商店,

微软Edge 搜索下载iTab插件,后续我会在火狐Firefox和360市场上架。

chrome商店:戳我下载

edge商店:戳我下载

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

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

写在最后

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

新一代卡片式浏览器标签页,美观实用我都要相关推荐

  1. 推荐一款简洁的浏览器标签页

    [贰柒壹]推荐一款简洁的浏览器标签页   今天就介绍一些我自己在用的浏览器主页,效果图如下:   主页可以说是相当简洁了,界面很像是IOS应用,就是因为这款标签页的颜值,让我一直用到现在,接下来介绍一 ...

  2. Flutter web 滚动循环 title(Flutter Web端 滚动显示浏览器标签页名)

    应用场景:一般用于页面收到新消息通知时,或者正在播放音视频时浏览器标签页会循环显示标签名称,以达到提醒或表示正在进行的效果. Flutter 代码 /*** 修改html的title {repeat ...

  3. vue项目点击左侧子菜单,打开一个新的浏览器标签页

    在项目开发中,产品给了这样一个需求:点击左侧子菜单,在浏览器中打开一个新的标签页,展示数据大屏.在此写个随笔记录下实现过程. 思路:使用编程式导航 实现页面跳转,我们常用的是 $router.push ...

  4. 新版火狐浏览器标签页覆盖原页面解决方案

    新版火狐浏览器标签页覆盖原页面解决方案 安装插件:http://mozilla.com.cn/thread-319507-1-1.html 立即有效!

  5. html 仿饿了点餐页面,JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变

    说在前面:必须是基于支持H5的浏览器才可以 这个 API 本身非常简单,由以下三部分组成. document.hidden:表示页面是否隐藏的布尔值.页面隐藏包括 页面在后台标签页中 或者 浏览器最小 ...

  6. vue 项目中,动态修改浏览器标签页的图标

    vue 项目中,动态修改浏览器标签页的图标 需求: 项目中有一个入口可以修改平台的名称和图标,图标同步展示为浏览器页签的图标 实现: 1.找到项目中的app.vue 文件,动态创建link标签,调用后 ...

  7. 浏览器标签页用进程还是线程来实现?

    当IE和Firefox在浏览器市场激战正酣时,Safari也加入了战团.2008年,Chrome的出现,终于使Microsoft.Apple.Google和开源社区四股最大的技术推动力同时出现在这个市 ...

  8. HTML仿谷歌浏览器新标签页,非常实用的chrome新标签页:Infinity新标签页

    Infinity新标签页的开发背景 Chrome新标签页是指在打开谷歌浏览器的时候,如果没有设置主页而显示的默认界面,或者用户点击Chrome的标签按钮产生的一个新的浏览器初始界面,在该界面中用户可以 ...

  9. python selenium 对浏览器标签页进行关闭和切换

    1.关闭浏览器全部标签页 driver.quit() 2.关闭当前标签页(从标签页A打开新的标签页B,关闭标签页A) driver.close() 3.关闭当前标签页(从标签页A打开新的标签页B,关闭 ...

最新文章

  1. 要啥给啥的写作AI:新闻评论小说都能编,题材风格随便选,真假难辨,16亿参数模型已开源...
  2. 何李石:七牛直播云技术详解
  3. [置顶]       Mybatis技术(二) MyBatis-Spring
  4. 苹果手机怎样用计算机,苹果手机怎么连接电脑,详细教您怎么使用苹果手机连接电脑...
  5. 工业用微型计算机(11)-指令系统(8)
  6. (转)MFC技巧学习五
  7. input 框 去掉下面的提示文字、提示选项
  8. JNI开发笔记(七)--aar库的生成和调用
  9. ScrollView详解
  10. 精准测试白皮书2020版
  11. 2022 ICM-D
  12. js:nodejs中的session(登陆验证)
  13. 万字HTTP学习笔记
  14. 火狐开发版_Firefox普通版和开发版之间有什么区别?
  15. perl中bless的理解
  16. js中将中国标准时间格式、CST日期转换为yyyy-MM-dd HH:mm:ss格式总结
  17. OriginPro绘图过程中遇到的问题及解决办法
  18. bzoj 3162: 独钓寒江雪 树哈希+树形dp
  19. 待完成 14 python进阶
  20. 零经验的创业者,如何在本地构建自己的外卖跑腿平台?

热门文章

  1. arm裸机【4】 --- 一步步点亮LED(一)
  2. 函数和方程的基本概念
  3. Linux 学习1
  4. 湖南省计算机应用能力考试题目,湖南省计算机等级考试题库
  5. Orange 学习3 - Evaluate模块简介-1
  6. 用html5来制作个人主页
  7. vscode神级插件
  8. 迅视资管 别开生面的“顶格推进会”
  9. Open3D 中点细分(网格细分)
  10. 《Using Cardio-Respiratory Signals to Recognize Emotions Elicited by Watching Music Video Clips》部分意译