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 >