我为正在学习使用 HTML、CSS 和 Javascript 构建自己的项目的孩子开设了一个课后编码俱乐部。我们正在使用一个名为theia的基于浏览器的 IDE 。
这些孩子中有很多正在使用学校发行的 Chromebook，不幸的是，这些 Chromebook 禁用了开发者工具。这是在学区一级强制执行的，他们不愿意改变（显然它允许学生在某些测试站点上作弊）。使用 Chromebook 意味着学生也无法使用--remote-debugging-port.
我正在寻找允许学生执行以下任何操作的潜在替代方案：
- 检查元素以查看：
- 底层 DOM 元素
- 应用 CSS 规则
- 盒子模型属性
- 查看 javascript 控制台错误消息和堆栈跟踪
- 作为 REPL 与控制台交互（可以访问窗口范围）
- 使用步入、步出、跨步等调试脚本。
我可以完全控制 IDE 并且可以在它之上构建扩展，所以我希望找到可以集成的东西。
我找到了一个很酷的概念验证javascript step debugger，但它没有被积极开发，并且仅用于小型示例脚本。它通过将 js 代码编译成可以用状态机控制的东西来工作。有谁知道其他类似的东西吗？
我还想知道是否有一种可能的方法可以插入在 IDE 服务器上运行的无头 chrome 实例（在 docker 容器中运行），但我不确定这会涉及什么。