小工具 · 跟做练习

高中 · 16–18 岁可以独立完成家庭场景

做一个提醒自己行动的浏览器扩展

读懂扩展界面、本地设置和后台任务,把一次浏览提醒变成透明、可关闭的个人工具。

看到第一个变化
15 分钟内
做出完整版本
120 分钟内
运行方式
下载 solution,运行 npm install 与 npm run build,再以开发者模式载入 dist
使用的积木
HTML / CSS / JavaScript / Browser Extension API

FIRST VISIBLE CHANGE

先做这一件事

修改扩展标题、说明和一种提醒文字,重新载入后确认变化。

CREATOR LOOP / 创造者六环

前五环长能力,最后一环长身份。

  • 社会与人文
  • 身心与成长
  • 信息科技
  1. 01
    问题

    观察一种浏览行为,判断提醒什么时候帮助行动、什么时候只是打扰。

  2. 02
    知识

    理解扩展弹窗、后台任务、权限、本地存储与外部数据。

  3. 03
    工具

    修改扩展设置、提醒和关闭流程,实现透明的个人工具。

  4. 04
    作品

    完成一个可载入、可设置、可关闭并说明数据边界的浏览器扩展。

  5. 05
    反馈

    真实使用一个时段,记录帮助和打扰并修改默认值。

  6. 06
    身份

    能够署名说明提醒目的、权限取舍和自己愿意承担的数据责任。

你必须亲自做

  • 决定提醒服务什么行动以及默认频率
  • 亲自判断哪些权限和数据不应该获取

AI 可以帮助

  • 解释扩展结构、构建与本地存储
  • 协助检查权限、暂停和删除逻辑

完成前要验证

  • 检查 manifest 权限,并真实使用后根据证据修改默认设置

三段路径 · 自动保存在本机

从第一个变化,到你的版本

0/ 3 步
0115 分钟
  1. 构建并载入扩展
  2. 修改标题与说明
  3. 重新载入确认

做完的标志:浏览器显示你的扩展名称和用途。

0245 分钟
  1. 设置提醒频率
  2. 保存到本地
  3. 加入暂停或关闭入口

做完的标志:使用者知道数据存在哪里并能随时关闭提醒。

032 小时
  1. 使用一个真实时段
  2. 记录帮助与打扰
  3. 修改默认频率或文字

做完的标志:最终默认值来自真实使用证据而不是 AI 猜测。

AUTHORSHIP / 作者记录

作品可以请 AI 帮忙,这三件事由你亲自写。

记录只保存在这台设备,没有登录也能使用。

完成三步、署名并写下至少 10 个字的关键决定后可完成。

AI 协作提示词

让 AI 带路,不让它抢走决定

请先解释扩展弹窗、本地设置和后台任务之间的边界,并指出原项目可能访问的外部数据。提醒目的、默认频率和关闭方式由我决定;你只帮我逐步修改和设计隐私检查。