禁用检查器答案

【问题标题】：Disable inspector禁用检查器
【发布时间】：2017-04-27 20:42:11
【问题描述】：

我试图在一个简单的 A-Frame WebVR 应用上禁用检查器，但没有成功。

尝试使用 JavaScript 并禁用按键 Ctrl + Alt + I。但是，inspector 仍在加载中。

有人知道怎么做吗？

我的场景真的很简单：

<html>

<head>
  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
</head>

<body>
  <a-scene>
    <a-assets><img id="render" src="back.png"></a-assets>
    <a-sky src="#render"></a-sky>
  </a-scene>
</body>

</html>

【问题讨论】：

Disable A-Frame inspector (for production)的可能重复

标签： mozilla aframe webvr

【解决方案1】：

你可以添加一个disable-inspector组件，调用inspector的remove函数，然后在场景中使用这个组件。

AFRAME.registerComponent('disable-inspector', {
  dependencies: ['inspector'],
  init: function () {
    this.el.components.inspector.remove();
  }
});

在您的 html 文件中：

<a-scene disable-inspector>
  ...
</a-scene>

【讨论】：

【解决方案2】：

这应该适用于 0.5.0

var sceneEl = document.querySelector('a-scene');
sceneEl.components.inspector.remove();

【讨论】：

【解决方案3】：

更新：<a-scene inspector="url: blahblah">

【讨论】：

也不走运:(
@ngokevin 这有什么更新吗？在我的应用程序中，我不需要开发模式下的检查器事件。我可以完全删除依赖吗？

【解决方案4】：

检查器未与 A-Frame 捆绑，而是在打开时按需下载。禁用不会对库大小产生任何影响。我建议保留它以保持 Web 的开放精神，我们可以在此相互学习。您是否担心内置浏览器开发工具会检查您的网站？检查器相当于 A-Frame 标记。如果你仍然想禁用你可以这样做：

<a-scene inspector="url: xxx">

【讨论】：

检查器仍在加载。
这里是代码：