对于禁用了Chromebook的Chrome开发者工具,是否有替代方法?

问题描述

我为那些正在学习使用HTML,CSS和Javasccript构建自己的项目的孩子们开设了一个课后编码俱乐部。我们正在使用名为theia的基于浏览器的IDE。

其中许多孩子正在使用学校发行的Chromebook,不幸的是,这些Chromebook禁用了开发人员工具。这是在学区一级实施的,不是他们愿意改变的(显然,它允许学生在某些测试站点上作弊)。使用Chromebook意味着学生也无法使用--remote-debugging-port启动Chrome。

我正在寻找可能的替代方法,以使学生能够执行以下任一操作:

  • 检查元素以查看:
    • 底层DOM元素
    • 适用的CSS规则
    • 盒子模型属性
  • 查看javascript控制台错误消息和堆栈跟踪
  • 作为REPL(可以访问窗口范围)与控制台交互
  • 使用步入,步出,跨步等调试脚本。

我对IDE拥有完全控制权,并且可以在它之上构建扩展,因此我希望找到可以集成的东西。

我发现了一个很酷的概念证明javascript step debugger,但它并未得到积极开发,仅用于小型示例脚本。它通过将js代码编译为可用状态机控制的代码来工作。有人知道类似的东西吗?

我还想知道是否有可能插入IDE服务器(在docker容器中运行)上运行的chrome的无头实例,但是我不确定会涉及什么。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)