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

这篇具有很好参考价值的文章主要介绍了这款完全自定义配置的浏览器起始页插件值得你收藏!。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

大家好,我是 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+ZCtrl+Y
  • Prism: 为代码块增加高亮功能。

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

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

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

最后

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

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

或者访问网站,进行在线浏览:

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

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!文章来源地址https://www.toymoban.com/news/detail-826686.html

到了这里,关于这款完全自定义配置的浏览器起始页插件值得你收藏!的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 爬虫常用浏览器插件

    EditThisCookie 是一个 Cookie 管理器,可以很方便的添加,删除,编辑,搜索,锁定和屏蔽。 可以将登录后的 Cookies 先保存到本地,借助 cookielib 库,直接爬取登录后的数据。 Web Scraper Web Scraper 是一款免费的、适用于任何人,包含没有任何编程基础的爬虫工具。 操作简单,只需要

    2024年02月10日
    浏览(40)
  • google浏览器插件开发

    在开发Chrome插件时,以下几个文件的作用如下: manifest.json :这是Chrome插件的清单文件,用于配置插件的基本信息、权限、页面跳转等。其中包括插件的名称、版本号、图标、后台脚本、浏览器动作等信息。 background.js :这是Chrome插件的后台脚本文件,用于处理插件的后台逻

    2024年04月28日
    浏览(33)
  • 渗透测试常用浏览器插件汇总

    这个插件可以自动探测当前网站所属的国家、城市,解析IP地址以及开放的服务和端口,包括但不限于FTP、DNS、SSH或者其他服务等,属被动信息搜集中的一种。 这个插件可用于常见编码/解码、POST/Cookies数据提交、SQL/XSS/LFI/XXE漏洞测试、自定义Referer/User-Agent等,是一款不可多得

    2024年02月05日
    浏览(48)
  • selenium 调用本地浏览器插件

    本文所有教程及源码、软件仅为技术研究。不涉及计算机信息系统功能的删除、修改、增加、干扰,更不会影响计算机信息系统的正常运行。不得将代码用于非法用途,如侵立删! selenium 使用本地浏览器插件 环境 win10 Python3.9 selenium 4.10 查看chrome配置文件路径 地址栏输入 ​

    2024年02月09日
    浏览(63)
  • Java爬虫 通过Chromedriver+Chrome浏览器+selenium获取页面的请求和响应(未完全实现)

    因为最近看到一个软件可以实现网页的识别,自动导入网页的内容,感觉这个功能很厉害(真心佩服设计那个软件的人)。但不清楚这个软件的网页识别的实现,也没有接触过相关的技术,就上网搜索并学习一些相关的技术,所以有了这篇文章。但是只能获取简单的请求,一

    2024年02月13日
    浏览(46)
  • vue浏览器插件安装-各种问题

    https://blog.csdn.net/qq_55640378/article/details/131553642 下载地址: Tags · vuejs/devtools · GitHub npm  install  或是 cnpm  install 遇到的报错   设置淘宝镜像源(推荐使用nrm,这一步是为了保证其他依赖不报错  npm install -g nrm nrm use   taobao 文件下载到移动硬盘中cnpm  intall 报错   cnpm install

    2024年02月11日
    浏览(36)
  • 谷歌浏览器翻译插件安装步骤

    首先下载最新版谷歌浏览器,这样能保证和我的操作界面一样,因为我的是最新版本的谷歌浏览器 一、先下载可用的翻译插件 插件下载地址:https://download.csdn.net/download/weixin_44743624/87631622 下载完成后解压,然后打开谷歌浏览器扩展,加进去就行了,往下看有详细步骤。 二、

    2024年02月12日
    浏览(45)
  • Firefox浏览器代理插件——FoxyProxy

    前期使用BurpSuite工具进行抓包时,配置了Firefox浏览器代理; 导致  不运行BurpSuite工具且不关闭拦截时,Firefox浏览器无法使用。 因此!于是!    我找到了FoxyProxy代理插件 步骤一  打开Firefox浏览器/扩展插件页面  步骤二  进入设置--扩展页面搜索“FoxyProxy” 步骤三  FoxyP

    2024年02月13日
    浏览(30)
  • 微软 Edge 浏览器怎样安装插件

    之前安装插件就没有了解很深,放到浏览器里面就直接用了,最近再次想在微软的Edge浏览器安装插件的时候,发现没有之前的那么顺手,于是记录一下安装的过程,方便之后的学习使用。 点击 扩展 或者直接输入 edge://extensions ,直接来到 扩展页面 获取Microsoft Edge扩展 (到微

    2024年02月05日
    浏览(88)
  • 如何开发一个chrome浏览器插件

    目录 前言 chrome扩展程序 文件结构 manifest.json html和css js 加载插件 调试 总结 当前,chrome浏览器早已成为占据最大的市场份额,也是综合体验最好的浏览器,开发人员使用的浏览器基本都以它为主。 我在使用chrome的过程中,积累增加了很多书签,最多的时候接近上千个,后续

    2024年02月08日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包