Tabbit 妙招 · 任务型技能

悟了么
网页自测卷生成器

基于当前打开的网页内容,自动提取核心知识点,生成结构化学习自测卷。支持热身题、理解题、易错题、应用题、速记填空五大题型,并以可交互答题卡片的形式直接渲染在页面右侧。

🏆 开发团队
✨ 啥名字好 ✨
王文杰 李非凡
📝 自测卷 · JavaScript 异步编程⋮⋮ 可拖拽移动
📌 主题:JavaScript 中 Promise、async/await 的原理与实战应用
🔥 一、热身题(3 题)
Q1. Promise 有哪三种状态?
Q2. async 函数默认返回什么?
Q3. await 关键字只能用在什么函数内部?
💡 二、理解题(5 题)
Q4. 对比回调地狱与 Promise 链式调用的区别...
Q5. 以下代码执行顺序是什么?...
⚡ 三、易错题(3 题)
Q9. forEach 中使用 await 能否实现串行?

妙招是什么?怎么用?效果如何?

三分钟全面了解「悟了么」的核心价值

🎯

妙招用途

当你阅读一篇博客、教程或文档后,想快速检验自己是否真正掌握了内容,「悟了么」可以帮你:

  • 自动分析网页正文,提取核心知识点
  • 生成覆盖五级认知层次的精选题目
  • 将题目以可交互卡片形式呈现在页面右侧
  • 支持逐题作答、查看答案和原文依据
  • 适用于任何信息类网页(博客/教程/文档/文章)
⚙️

如何使用

使用流程非常简单,只需三步:

  • 第一步:在浏览器中打开你想学习的网页(如一篇技术教程)
  • 第二步:触发妙招——告诉 AI 「帮我对这个网页出一份自测卷」
  • 第三步:等待几秒,页面右侧自动出现可交互的答题卡片面板
  • 点击题目展开作答,完成后点击「查看答案」核对解析
  • 支持拖拽移动、收起/展开、关闭等操作
🎉

预期效果

使用「悟了么」后,你将获得:

  • 即时反馈:每道题都有答案+详细解析+原文引用
  • 科学分层:从热身到应用,循序渐进检验理解深度
  • 零死记硬背:题目侧重理解和推理,而非机械记忆
  • 沉浸体验:不离开原网页,边学边练,效率翻倍
  • 标准输出:每次生成 18 道精选题目(热身3+理解5+易错3+应用2+填空5)

六大核心能力

从内容采集到交互渲染,全链路自动化完成

🔍

智能内容提取

自动读取当前网页正文,智能判断内容丰富度(<200字提示更换 / 200~3000字适中出题 / >3000字标准出题),确保题目质量。

📐

结构化出题模板

严格遵循「热身→理解→易错→应用→填空」五级递进模型,每类题型数量科学配比,覆盖从记忆到应用的完整认知层次。

🎴

可交互答题卡片

通过浏览器脚本在页面右侧注入浮动面板,支持拖拽定位、逐题展开作答、一键查看答案解析,沉浸式学习体验。

🎯

零编造原则

所有题目严格基于网页可见内容生成,绝不编造原文没有的知识点;每道答案附带「网页依据」原文引用。

🛡️

健壮容错机制

网页为空/过少时主动提示;图片/PDF尝试OCR提取;脚本注入失败自动降级纯文本输出;质量不佳则重新生成。

🚀

即开即用

无需登录、无需沙箱、无需额外依赖。打开任意信息类网页即可触发——博客、教程、文档、文章,统统适用。

四步工作流

从打开网页到看到答题卡,全程自动化

1

📖 观察并收集网页内容

使用 take_snapshot 获取页面结构和文本。若内容过大被保存到文件,用 read_file / search_in_file 提取关键段落。同时判断内容量是否足够出题。

take_snapshot + read_file
2

🧠 LLM 生成结构化自测卷

基于收集到的网页内容,按照严格格式生成五类题目:热身题3道、理解题5道、易错题3道、应用题2道、速记填空5道,共18道精选题目。

LLM 结构化输出
3

🎨 渲染交互式答题卡

将生成的自测卷数据传入浏览器脚本,通过 evaluate_script 在页面右侧注入浮动答题面板。支持拖拽、展开/收起、显示答案解析。

evaluate_script 注入
4

✅ 验证与交付

截图确认答题卡正确渲染在页面右侧,向用户报告执行完毕,说明如何使用:点击题目展开作答,完成后点击「查看答案」核对。

take_screenshot 验证

五级递进题型体系

从浅入深,覆盖完整认知层次

🔥

热身题

简单确认基础理解

3 题
💡

理解题

需要理解、比较或推理

5 题

易错题

容易混淆或误解的陷阱

3 题
🚀

应用题

实际场景运用

2 题
📋

速记填空

最值得记住的知识点

5 题

交互效果演示

点击下方题目卡片,体验答题与查看答案的交互效果

📄 示例网页:深入理解 JavaScript 闭包与作用域链

深入理解 JavaScript 闭包与作用域链

闭包(Closure)是 JavaScript 中最核心的概念之一。简单来说,闭包就是函数能够"记住"并访问它定义时所在的词法作用域,即使这个函数在该词法作用域之外被执行。

每当创建一个函数时,都会隐式地创建一个闭包。闭包使得内部函数可以访问外部函数的变量,即使外部函数已经返回。

在实际开发中,闭包广泛应用于:模块模式、柯里化、回调函数、事件处理等场景。理解闭包是掌握 JavaScript 高级特性的关键一步。

💡 右侧面板已根据本文自动生成自测卷 →

📝 自测卷
📌 主题:JS 闭包与作用域链的核心原理
Q1. 什么是闭包?用一句话概括。
答案:函数能够记住并访问定义时的词法作用域。
解析:闭包的核心在于词法作用域的保持。
依据:"闭包就是函数能够'记住'并访问它定义时所在的词法作用域"
Q2. 闭包形成的前提条件是什么?
答案:必须存在内部函数引用外部函数的变量。
解析:只有当内部函数被传递到外部作用域时才真正形成闭包。
Q3. 以下场景哪个不是闭包的应用?
答案:简单的算术运算(无函数嵌套)。
解析:闭包需要函数嵌套+变量引用两个条件同时满足。
Q4. ⚡ 易错:循环中创建闭包时,为什么所有回调拿到的是同一个值?
答案:因为共享同一个作用域中的同一变量(而非副本)。
解析:let 可以解决是因为每次迭代创建新的块级作用域。
Q5. 📋 填空:闭包的两个主要应用场景是____和____。
答案:模块模式、数据封装(或:柯里化、事件处理等)
依据:"模块模式、柯里化、回调函数、事件处理"

技术规格一览

完整的运行要求与技术参数

属性详情
妙招名称📝 悟了么 v1.0 — 网页自测卷生成器
妙招链接https://web.tabbit.com/share/skill/Jymk7MWfrt
作者爆金币 💰
开发团队✨ 啥名字好 ✨ (王文杰 & 李非凡)
类型任务型技能 (Type 2)
标签任务
需要浏览器登录不需要
需要沙箱环境不需要
需要 MCP 服务不需要
需要页面脚本注入必须(evaluate_script)
适用网页类型博客、教程、文档、文章等任何信息类网页
标准出题量热身3 + 理解5 + 易错3 + 应用2 + 填空5 = 18 题
核心工具链take_snapshot → read_file → LLM出题 → evaluate_script渲染 → take_screenshot验证
渲染脚本browser-scripts/render-quiz-card.js(浮动答题面板)
降级方案脚本注入失败时降级为纯文本输出到对话中

🚀 立即体验「悟了么」

打开任意网页,让 AI 为你自动生成专属学习自测卷

🔗 打开妙招详情页 📖 回顾使用方法
Generated by Tabbit