个人开发作品分享:iTab新标签页

news/2025/3/29 14:31:28/

我是前端工程师,因为用了很多浏览器默认起始页,要么广告太多,要么呆板无趣,都满足不了我对美观和实用兼顾的需求,所以就自己动手做了一个。前后我一个人从设计产品到前后端开发连着熬夜肝了一个多月上架了这个iTab新标签页,没想到意外收获了非常多用户喜欢,稳定版上线10天下载就超四千。说实话,我完全没想到会有这么多人跟我一样,苦浏览器起始页不好用久矣。

也许你在用Infinity new tab,但我还是建议你快速浏览一下 iTab标签页web版,你不会后悔的。

iTab标签页是什么?

iTab标签页是一款浏览器插件。支持CHROME,EDEG, BING, FIREFOX。这个标签页除了具备基本的搜索,常用网站图标,书签等功能外,还可以更换壁纸,重新设置图标样式,图标分组,多端同步,快速翻译,深色模式等等功能。是一个将美观和实用完美结合的产品。

主页总览

有什么亮点?

1. iOS卡片式小组件应用

iTab标签页是目前市面上第一个将ios小组件设计运用在桌面浏览器标签页中的产品。内置了翻译/天气/书签/万年历/备忘录/壁纸/一言/IP查询/每日热点/待办事项/音乐播放器等原创应用。这些轻量级应用基本覆盖了常用的小工具,使用起来非常方便。比如翻译功能,只要你在搜索框输入,下拉框会自动联想翻译,点击即可翻译。不用再额外下载或搜索在线翻译工具了。

2. 简洁优美无广告

产品设计秉持极简主义,追求纯净无干扰的用户体验。没有花里胡哨的广告,没有你不需要关注的八卦新闻,在电脑前你只需要专注于你自己的世界。

3. 极简模式

极简模式下,只有一张你喜欢的壁纸和一个搜索框,没有任何多余的信息干扰。你只需要完全沉浸在你的工作里,或者你的网络世界里。

极简模式

4. 高度自由化的自定义

搜索引擎可以一键切换,搜索框大小和颜色可以自己调,图标大小和样式可以调,图标可以自由拖动,可以无限切换壁纸和设置毛玻璃效果,可以将图标按照功能或使用场景分组,界面布局样式可以自己设置。

自定义功能

5. 深色模式和跟随系统

iTab标签页有深色和浅色两种模式,并且也可以选择跟随浏览器的规则变化。深色模式可以带来更强的沉浸感。

6. 账号多端同步

目前支持新浪微博和GitHub第三方登录和邮箱登录。只要注册并登录账号,在标签页内所做的改动,备忘录的文本,壁纸等都可以同步给服务器。这样不管公司电脑还是家里电脑都可以使用,不担心数据丢失。

7. 适配移动端

移动端也可以使用,而且移动端的标签页看起来更整洁优美。只不过因为手机上界面太小,所以不支持移动端图标自定义。界面效果可以看下图:

移动端

有什么使用价值?

1. 界面看着赏心悦目

iTab标签页在卡片设计风格,配色和壁纸三个方面让你的标签页变成一种美和赏心悦目的存在。

2. 方便管理信息

iTab标签页支持添加图标,将常用图标从网站库中一键添加;同时支持图标分组,比如可以根据场景分成上班和娱乐,一键切换。

3. 集中注意力,高效办公

全界面没有一个广告和多余信息干扰,可以为你节省多少时间啊

4. 多端使用,信息无丢失

多端数据同步,不担心更换设备数据丢失。

如何安装iTab标签页?

目前支持Chrome,Edge, Bing和Firefox,可以直接从商店下载。但国内百度,360,QQ和猎豹浏览器暂时只能安装离线版或从网页版访问。可以从官方网站下载。

官网.png

写在最后

以前我都是面向B端开发,很少跟用户直接接触。现在我可以直接听到用户的声音。这种感觉实在太棒啦!你们的肯定和鼓励让我充满了继续开发的动力,管他赚不赚钱,喜欢就干!

做标签页的很多,最知名的Infinity已经做了十年,但我还是试图从另一个角度去创造更符合现在办公场景的产品。希望这次自我挑战能够走的远一些。


http://www.ppmy.cn/news/970906.html

相关文章

用iTab来私人订制属于你的新标签页面

是不是还在为浏览器新标签页功能单一而苦恼?是不是因为壁纸单一找不到优美的图片而感到心烦气躁?是不是为频频弹出的广告而感到苦恼?今天向大家推荐一款宝藏浏览器插件,满足你的所有需要! iTab,一切皆有可能…

神级浏览器插件iTab新标签页

各位好,如果你还在用十年前的杂乱的导航页,那么你一定要看看这篇文章!这篇文章将介绍一个改变你的浏览器主页的小插件,还给你一个干净清爽、潮流美观的浏览器主页。这款插件就是iTab,iTab是一款可以用于多种浏览器平台…

iTab 近期更新一览,快来看看有没有你最喜欢的新功能

Hi,iTab的朋友们,你们好哦。 给朋友们“汇报”一下我们近期所更新的功能, 看看有没有你最喜欢的部分。 01 微信扫码登陆 点击iTab【侧边栏】左上角头像时,可以微信扫码登陆,一键同步书签到云端账户,会极大…

READ TABLE itab

语法如下. 实际上就是从内表读取1行. Syntax READ TABLE itab { table_key | free_key | index } result. Effect This statement reads a row from the internal table itab. itab is a functional operand position. The row must be specified by naming values for ei…

浏览器最强简洁插件——iTab

iTab新标签页插件是一个好看好用的自定义卡片式浏览器新标签页扩展。可以通过浏览器(Edge、Chrome、Firefox等安装)插件进行实现。 以Edge浏览器为例手把手教会插件载入流程及基本页面设置。 安装: 1、进入Edge浏览器右上角三个小点——扩展…

Itab的样式模式切换

当信息展示为这样 处理办法 选择设置 - 选择:布局 - 组件模式

LOOP AT ITAB用法

文章目录 1 loop at itab 1 loop at itab Syntax LOOP AT itab result [cond]. … ENDLOOP. Effect The LOOP and ENDLOOP statements define a loop around a statement block. The LOOP statement reads lines from internal table itab sequentially. You can either re…

iTab 在iPhone手机的安装教程

1.Safari 浏览器中输入iTab Web 端链接🔗:https://go.itab.link/ 2.发送添加iTab网页到桌面