如何快速預覽Verge3D應用程式?
我們在使用Verge3D進行Web3D應用程式開發過程中,通常需要開啟三維軟體(Blender/3d max),通過Verge3外掛開啟App管理器,然後才能預覽已開發好的應用程式。然而,實際上Verge3D是基於Web進行開發的,並不需要時刻依賴三維軟體(僅需要三維軟體提供3D資產),那麼有什麼方法可以在本地環境下快速預覽Web3D應用程式呢? 這裡有我以前的一篇文章,介紹如何不通過開啟三維軟體啟動App管理器的方法,能實現這個需求——
https://zjbcool.com/how-to-launch-verge3ds-appmanager-without-opening-blender-3dmax.html但是,今天給大家介紹的是另外一種更加簡便的方法(僅用於快速預覽),通過Chrome瀏覽器的Web server for chrome擴充套件,建立本地伺服器環境。
首先,開啟Chrome瀏覽器,在谷歌應用商店搜尋Web Server for Chrome擴充套件,安裝完成後,在瀏覽器位址列輸入chome://apps,可以找到這個擴充套件,啟動後會看到它的面板。

啟動它只需要兩步:
首先點選CHOOSE FOLDER按鈕,指定你的程式所在路徑,我們可以指定到Verge3d SDK所在路徑;
然後點選下面的http://127.0.0.1:8887,就會開啟Verge3d SDK目錄,找到要啟動的應用程式,執行即可。
另外,這個擴充套件下面還有一些選項,介紹一下:
- Run in background:後臺執行
- Start on login:登陸後自動執行
- Accessible on local network:啟動本地網路服務
- Also in internet:允許訪問網際網路
- Prevent computer from sleeping:保持計算機不進入睡眠
- Automatically show index.html:自動執行index.html
- Enter Port:指定埠號
這些選項中需要注意的是,如果你的html通過CDN 方式引用了樣式庫、JS庫,那麼需要開啟允許訪問網際網路。如果你需要進行移動端除錯,需要開啟啟動本地網路服務,然後在手機瀏覽器上輸入http://127.0.0.1:8887
好了,希望這個程式能方便你的工作。