防沉迷搜索助手

版权声明：Copyright (c) 2026 防沉迷搜索助手作者. All Rights Reserved.
版权所有，未经作者书面同意，禁止以任何形式出售、转让或商业使用本项目代码。违者将承担相应法律责任。

一款浏览器油猴脚本，访问抖音/B站首页时自动替换为自定义搜索页面，防止沉迷刷视频。

功能介绍

核心功能

• 首页拦截：访问抖音或B站首页时，自动替换为一个简洁的搜索页面，避免被推荐内容吸引而陷入无意识的刷视频循环。
• 双平台支持：支持抖音和哔哩哔哩两个平台，通过顶部标签页一键切换，每个平台拥有独立的主题配色。
• 快捷搜索：输入关键词后按 Enter 或点击搜索按钮，直接在新标签页打开对应平台的搜索结果。

界面设计

• 深色主题：采用深色背景（#161823），长时间使用不伤眼。
• 平台主题色：
  • 抖音：红色（#fe2c55）
  • 哔哩哔哩：蓝色（#00aeec）
• 平台 Logo：展示对应平台的矢量图标，点击可在新标签页打开平台首页。
• Logo 固定高度：切换平台时容器大小保持不变，不会出现页面跳动。
• 整体缩放：容器及内容统一放大 18%（transform: scale(1.18)），视觉更舒适。

交互细节

• 搜索框：
  • 页面加载后自动聚焦，无需手动点击即可输入。
  • 输入内容后右侧出现清除按钮，一键清空。
  • 聚焦时搜索栏边框高亮，带有平台主题色发光效果。
• 搜索按钮：
  • 悬停时变为主题色，提供视觉反馈。
  • 点击时有轻微缩放动画（scale(0.96)）。
• 容器悬停：鼠标悬停时容器轻微上移（translateY(-4px)），增加交互层次感。
• 空输入提示：未输入关键词直接搜索时，显示红色提示文字"请输入搜索关键词！"。

标签页切换

切换标签时会：

1. 更新标签页高亮状态
2. 切换对应的平台 Logo
3. 更新搜索框占位提示文字（如"搜索抖音内容"）
4. 更新 CSS 变量以切换主题色
5. 清空提示信息并重新聚焦搜索框

安装方式

1. 安装浏览器扩展 Tampermonkey（油猴）。
2. 在 Tampermonkey 中新建脚本，将 抖音防沉迷助手.user.js 的内容粘贴进去并保存。
3. 访问抖音或B站首页，脚本自动生效。

匹配规则

脚本在以下页面自动激活：

• https://www.douyin.com/
• https://www.douyin.com/jingxuan
• https://www.bilibili.com/

技术说明

• 运行时机：document-start，在页面 DOM 构建前拦截，确保首页内容不会闪现。
• 实现原理：通过 document.write() 将自定义 HTML 完整替换原始页面。
• 无外部依赖：所有样式、图标、脚本均内联，无需加载任何外部资源。
• 权限最小化：@grant none，不需要任何特殊权限。