Skip to content

ityme/tab.browser.iWonder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

iWonder Browser Tab || Start Page || Home Page

这是一个简洁、美观且功能强大的浏览器起始页项目,旨在提供一个干净、可定制的界面来开始您的网页浏览。

✨ 功能特性

  • 🖼️ 动态背景: 每次打开页面时,都会从您的个人收藏中随机选择一张新的背景图片。
  • 🔍 多引擎搜索: 在 谷歌、必应和百度之间无缝切换。您最后选择的搜索引擎将被自动保存,以备下次访问。
  • 🔮 毛玻璃界面: 搜索栏采用现代化的半透明“毛玻璃”效果,可与任何背景完美融合。
  • 🚀 流畅动画: 搜索栏以流畅的淡入淡出和滑动动画出现和消失。
  • ⚙️ 持久化设置: 您偏好的搜索引擎和搜索栏的可见性状态会保存在本地浏览器中,提供一致的体验。

🚀 如何使用

搜索栏可见性

显示搜索栏

  • 键盘: 按下任意键 (Esc 除外)。
  • 鼠标 (左键): 在页面的任何空白处单击。
  • 鼠标 (右键): 在搜索栏隐藏时,在页面任意位置右键单击。

隐藏搜索栏

  • 键盘: 按下 Esc 键 (仅当搜索输入框为空时有效)。
  • 鼠标 (中键): 在搜索栏上单击鼠标滚轮 (仅当搜索输入框为空时有效)。
  • 鼠标 (右键): 在搜索栏可见且输入框为空时,在页面外部任意位置右键单击。

搜索操作

  • 切换搜索引擎: 单击搜索栏左侧的搜索引擎图标打开下拉菜单,然后选择您想要的引擎。
  • 执行搜索: 输入您的查询并按 Enter 或单击右侧的搜索图标。

设置✨✨

  1. 鼠标悬停右侧搜索按钮, 会在其左侧弹出设置按钮.
  2. 点击设置按钮会弹出如预览图4的界面.
  3. 在windows文件管理器中复制你自己的图片文件目录地址(是目录而非文件的绝对地址), 以我的图片文件目录路径F:\000-share\picture\wallpaper为例
  4. 粘贴在设置图3的输入框中, 之后点击回车键或点击confirm按钮.
  5. 之后会弹出一个文件窗口如设置图4, 在弹窗中再次选择上文提到的F:\000-share\picture\wallpaper. , 之后点击选择文件夹.
  6. 之后会弹窗如设置图5, 点击查看文件.
  7. 此时背景图片设置完成.

🛠️ 安装说明

  1. 点击下载tab.browser.iWonder.html .
  2. 设置为新标签页(强烈推荐✨✨)
    • 安装适用于您的浏览器的扩展程序,以将本地页面设置为主页。
    • Microsoft Edge: Custom New Tab Page
    • 在扩展的设置中,将 URL 设置为您本地 tab.browser.iWonder.html 文件的地址 (例如 file:///C:/path/to/your/project/src/tab.browser.iWonder.html)。

👁️ 预览

  1. 搜索框显示时效果:
image
  1. 搜索框隐藏时效果:
image
  1. 设置图1-设置按钮:
image
  1. 设置图2-设置界面:
image
  1. 设置图3-输入图片文件夹路径后点击确认:
image
  1. 设置图4-弹窗后再次选择图片文件夹路径:
image
  1. 设置图5-授权浏览器访问图片文件夹路径:
image

About

一个「简洁」的浏览器主页

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •