Back

pure new tabpure new tab

前要:最近常常再几个主流浏览器之间徘徊偶尔混用,被各家混乱的新标签页烦恼不已(点名批评 Edge,要么占后台要么加载迟缓甚至闪白屏,体验实在是一言难尽)。加之后面有个比赛是与浏览器插件相关的,想熟悉一下工作流程和原理踩踩坑,于是就有了这个拓展/插件。

如果对开发者的碎碎念不感兴趣,可以直接跳到文末

Introduction

intro

Developer Log

As the desc of article says, the biggest feature of the extension is its extreme lightweight and high customizability. To achieve this, I only choose vanilla, the most native front-end dynamic language, and give up a series of modern front-end frameworks and libraries as Vue, React, Svelte, Solid, etc. The extension is only 25KB in size (if exclude the font resources), and the loading time is less than 1ms, which is almost negligible.

But correspondingly, the development difficulty is obviously much higher than expected. Native typescript/javascript requires a lot of code and encapsulation for a simple operation to keep the code as elegant and efficient as possible. Dynamic getter and setter is also very hard for me without lvvm or other advanced compiler support. But I still try my best to make the code as clean and readable as possible and finally make it a reality.

I also paid a lot of attention to the style of the plugin. I hope to build a modern and tough style (after all, in this era of ui filled with rounded corners, I think it may be cooler), with a little bit of popular creative magazine/poster elements. The colorful and light color scheme can just keep me from getting a headache, and not feel too bland.

I hope you enjoy it as much as I do. The download link is at the bottom of the article. If you have any suggestions or questions, please feel free to leave a comment below (if you have a Github account, I prefer suggesting you to create a issue instead).

Develop Progress

  • Basic layout
  • Sentence
  • Clock
  • Date
  • Basic settings
  • Quick links / Fav / Bookmarks
  • Search
  • Weather

Open Source

It is open-source and free to use. Check it on Github. Don’t forget to give a star if you like it. And don’t hisitate to give me a pull request if you have any good ideas.

Download

Give rating and feedback on the addon store if you like it.

Pure New Tab
https://cworld.top/blog/pure-new-tab
Author CWorld
Update date July 6, 2024
Copyright CC BY-NC-SA 4.0
Comment seems to stuck. Try to refresh?✨