Vorlon.js: 同時測試多瀏覽器網頁呈現的好工具

VorlonJS 是由微軟的開發體驗推廣部門所開發的一個測試及偵錯網頁在不同瀏覽器狀況的工具,網頁開發人員可以使用這個工具在同一處同時測試及除錯網頁(過去您可以需要每個瀏覽器各自開啟開發工具,甚至平板或行動裝置的除錯工具不方便操作等),這套工具全以 JavaScript 寫成,除了具有跨平台(Windows, Linux 及 Mac OSX)執行的能力之外,可透過 npm 來安裝,而這套工具也完全開源在 GitHub 上。 如何使用 首先是安裝 VorlonJS,只要直接使用 npm 來安裝即可。(系統裡必須先安裝 Python 2.7) npm i -g vorlon 安裝完成後,直接執行 vorlon 指令就可以讓它執行起一個小的網頁伺服器跑 VorlonJS 的相關工具,而它預設會跑在 port 1337,如果要更換就設定 PORT 這個環境變數即可,像 Windows 下要使用 port 3000 的話就這樣執行: C:\> set PORT=3000 & vorlon 若順利執行起來,開啟瀏覽器到 http://localhost:1337/ (如果沒有更改 port 值的話)就可以開始使用 VorlonJS 的工具,會看到這樣的畫面: 同時,還要在你要除錯的網頁中加入一行 <script src="http://localhost:1337/vorlon.js"></script> 讓 VorlonJS 的工具可以與這網頁溝通,所以你可以把 VorlonJS 工具縮小,然後把網頁以不同的瀏覽器開啟,應該就會看到…

0