aframe inspector

A框架检查员

A框架场景的视觉检查器工具。只需在任何A框架场景中点击<ctrl> + <alt> + i即可打开检查员。

• 文档 /指南
• 例子

还可以查看：

• A -Frame观察器 - 同步HTML文件的伴随服务器。

使用检查员

键盘快捷键

A框架带有键盘快捷键，以注入检查员。只需打开任何A框架场景（至少运行A-Frame V0.3.0），然后按<ctrl> + <alt> + i注入检查员，就像您会使用DOM Inspector一样：

指定检查员构建

这是通过inspector组件完成的。默认情况下，这已经在场景上设置了。如果愿意，我们可以通过通过URL来指定检查器的特定构建以注入。用于调试：

 < a-scene inspector =" url: http://localhost:3333/dist/aframe-inspector.js " >
  <!-- Scene... -->
</ a-scene >

使用检查员的主分支：

 < a-scene inspector =" url: https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js " >
</ a-scene > 

地方发展

git clone [email protected]:aframevr/aframe-inspector.git
cd aframe-inspector
npm install
npm start

然后导航到http：// localhost：3333/示例/

自我托管样品资料目录

纹理模式使用https://aframe.io/sample-asmets/dist/images.json获取可用纹理。这些资产的GitHub存储库是https://github.com/aframevr/sample-assets

如果您想自助此目录，请执行以下操作：

 cd examples
git clone [email protected]:aframevr/sample-assets.git

编辑index.html并在任何脚本标记此全局变量之前定义：

 < script > window . AFRAME_SAMPLE_ASSETS_ROOT = "./sample-assets/" ; </ script >