問題提出：

在移動端頁面的日常開發中常常會碰到這樣一個問題，頁面在Chrome的Device模式下顯示正常，但在移動端瀏覽器或者內嵌到APP裡就會出現樣式問題或者Js程式碼問題，但是移動端上沒有類似Chrome的開發者除錯工具，只能通過嘗試修改，重複釋出版本來檢查問題，或者寫一大堆alert彈窗來除錯。這種方法不但繁瑣，而且收效甚微。

解決方案：

Vorlon.js可以幫助開發者載入、檢查、測試及除錯任何裝置上使用Web瀏覽器執行的JavaScript程式碼。它可以連線遊戲控制檯、移動裝置、甚至是接入IoT的冰箱，連線的裝置數量最多可達50臺。開發者可以在其中一臺或所有裝置上執行JavaScript程式碼。藉助vorlon.js，開發團隊還可以一起除錯，每個人編寫的程式碼都對所有人可見。Vorlon.js開發團隊遵循的一個基本原則是：不引入特定於瀏覽器的原生程式碼和依賴，裝置上只需要執行JavaScript、HTML、CSS。

Vorlon.js基於node.js和socket.io構建，本身就是一個小型的Web伺服器（node.js伺服器），可以從本機執行，也可以安裝在一臺伺服器上，供整個團隊使用。該伺服器託管著“儀表盤（dashboard）”頁面和一個使用socket.io連線該頁面及各種裝置的服務。它還提供了一個包含所有外掛客戶端程式碼的頁面。這些程式碼負責與客戶端裝置及儀表盤頁面通訊。連線的裝置必須引用該頁面。

使用方法：

下面介紹Vorlon.JS的使用方法

1、安裝Vorlon.JS

npm install vorlon -g

2、啟動Vorlon.JS服務

安裝完成後，輸入命令“vorlon”啟動Vorlon.JS服務。

3、在需要除錯的頁面插入JS程式碼

Vorlon.JS服務啟動後，在除錯頁面插入JavaScript程式碼。IP_address使用本地ip地址。格式如下：

<script src="http://[IP_address]:1337/vorlon.js"></script>

注：本地ip地址可在命令視窗中輸入ipconfig獲取。

4、手機端設定http代理

把手機端的代理設定為Fiddler的代理，代理設定需要一個ip和一個埠，ip就是Fiddler所執行的電腦的區域網ip地址，埠預設是Fiddler代理的埠8888，請確保手機所在的網段可以訪問到電腦所在的網段，同一個局域網裡一般沒什麼問題。

5、進入除錯

在瀏覽器中開啟地址http://localhost:1337。頁面如圖

Vorlon.js具有可擴充套件性，開發者可以通過外掛增加客戶端和儀表盤功能。每個外掛都分成客戶端和儀表盤端兩部分。前者用於捕獲資訊及同裝置互動；後者用於在儀表盤頁面中生成命令面板。Vorlon.js本身自帶了如下三個外掛：

Console：該外掛有兩個功能：一是在儀表盤頁面中顯示console.log()、console.warn()或console.error()日誌，指導除錯；二是允許開發者輸入程式碼同遠端頁面互動；
DOM Exploer：展示遠端頁面的DOM；
Modernizr：藉助Modernizr展示受支援的瀏覽器特性。
開發者也可以構建自己的外掛，具體過程參見這裡。