瓜瓜头条

这款完全自定义配置的浏览器起始页插件值得你收藏！

2024-02-19 14:25 由 Java陈序员 发表于 #前端开发

大家好，我是 Java陈序员。

浏览器是我们上网冲浪的必备工具，每次打开浏览器默认都是先看到起始页。

有的浏览器起始页十分简洁美观，而有的则是充满了各种网址导航和广告。

今天，給大家介绍一个浏览器起始页配置插件，支持自定义配置。

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

Howdz Dashboard —— 一个基于 Vue3、Typescript、Vite 的完全自定义配置的浏览器起始页，支持 Chrome 插件和 Edge 插件。

功能特色：

  • 提供基于文档流的响应布局或 Fixed 模式固定任意位置的两种布局模式
  • 响应式设计，编辑模式下拖拽组件更改其大小和位置
  • 组件可自由添加或删除，并且组件的样式和功能都是可配置的
  • 数据可使用密钥或 JSON 文件导出以实现数据同步功能
  • 预设多种主题，初始进入可任意选择
  • 支持本地壁纸、随机壁纸，随机壁纸支持收藏个人壁纸库
  • 可配置动态壁纸背景，选用官方提供或自行添加网络视频路径即可
  • 可配置多标签页模式，允许添加切换多个隔离的页面
  • 可配置组件交互行为，设置点击组件弹出另一个组件等交互操作
  • 预览模式, 支持用于分享用的数据隔离模式
  • 支持语言切换，当前支持简体中文与英文

项目地址：

https://github.com/leon-kfd/Dashboard

在线体验地址：

https://www.howdz.xyz/

功能体验

预设多种主题，初始进入可任意选择。

可动态设置壁纸，支持纯色壁纸、本地图片壁纸、网络图片壁纸、随机图片壁纸，随机图片壁纸支持收藏个人壁纸库。

Tips:左下角的图标按钮可以更新壁纸和收藏壁纸。

壁纸还支持多种动画特效。

可以从物料组件库自行添加自己需要的组件，添加的组件提供很多样式和功能的配置进行修改，并通过拖拽更改组件位置和大小。

提供大量组件用于定制化你的起始页，可适配响应式设计。

物料组件

Howdz Dashboard 提供大量组件用于定制化起始页，这里挑选几个比较有趣的组件。

Empty - 占位： 占位区块组件，支持一些简单配置与自定义文本。

Day - 自定义日期： 基于 Dayjs 的 formatter 格式化占位符语法实现自定义各种日期格式。

Verse - 随机古诗： 随机古诗组件，API 来源于 https://www.jinrishici.com/, 可配置定时刷新。

Search - 搜索栏： 支持添加自定义搜索引擎、按 Tab 键快速切换搜索引擎、支持关键词联想。

Collection - 键盘收藏夹： 键盘收藏夹，设置网站后按相应按键自动跳转，网站 Icon 自动获取。

Iframe - 外部网站： 设置嵌入 Iframe，最新版浏览器只支持同协议(当前网站为 https)的 Iframe.

TodoList - 备忘清单： 可同时设置不同日期，点击上方日期展开日期选择器。

Weather - 天气： 天气组件，支持通过 IP 自动获取城市也可手动输入，后续考虑添加读取 GPS。

CountDown - 倒计时： 支持天、小时、分钟三种单位的设置倒计时事件。

WeiboList - 微博热搜： 显示最新微博热搜列表，支持配置自动刷新。

此外，还有掘金热门、Github 趋势、知乎热榜。

Editor - Markdown编辑器： 基于 Milkdown 实现，支持按需加载各种插件包括:

  • Tooltip: 在选择文本后会在其上方出现工具栏可快速切换格式
  • Slash: 斜线命令，输入“/”后会弹出快速选择工具栏
  • Clipboard: 为编辑器添加复制粘贴 Markdown 格式功能
  • History: 增加历史记录功能，使用 Ctrl+Z 和 Ctrl+Y
  • Prism: 为代码块增加高亮功能。

MovieLine - 电影经典台词： 随机一句电影经典台词，并展示其电影海报作为背景，支持动态设置各种显示。

Bookmark - 书签： 书签管理器，当前文件夹只支持一级目录。

  • 添加时输入网址可自动获取网站 ICON 与标题
  • 图标样式、大小、背景色都可自定义，图标可缓存为 Base64
  • 支持从 Chrome 内核的浏览器导出的书签 HTML 文件导入

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者访问网站，进行在线浏览：

https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

热门相关：走私大明   楚汉争鼎   秾李夭桃   与校花同居：高手风流   佣兵之王都市行