1. 程式人生 > 其它 >Browsersync安裝及使用和Nodejs安裝

Browsersync安裝及使用和Nodejs安裝

1. 安裝 Node.js

BrowserSync是基於Node.js的, 是一個Node模組, 如果您想要快速使用它,也許您需要先安裝一下Node.js

1.1 使用教程地址 https://www.runoob.com/nodejs/nodejs-tutorial.html

 

2.下載下面的檔案

 

 3.解壓檔案browsersync.zip

 

4. 檢視解壓檔案

 

5.在此檔案下輸入cmd開啟命令視窗

 

 6.使用 npm install cnpm -g --registry=https://registry.npm.taobao.org 下載安裝此工具

如果出現如下圖,表示安裝成功,如果失敗有可能Node.js的版本太低,需要更新到最新版本

 

 7.檢視當前版本 npm -v

8.下載最新版本 npm install -g npm  完成後再次檢視版本號

 

 9.在重新在Browsersync檔案下開啟cmd(如果不在此檔案下開啟cmd則需要配置環境變數)

10.再次執行6的步驟

11.下載安裝 cnpm install

 

 

 

 12.檔案出現node_modules資料夾下表示安裝成功,

13.接下來編輯檔案app.js,編輯更換被測試的連線地址

 

 14.編輯完成後,還是才此資料夾下開啟cmd命令視窗

15.輸入啟動命令 npm run test

 

 16.瀏覽器會自動開啟 https://localhost:8080/

17.這時其他瀏覽器和手機端均可以輸入 https://192.168.2.57:8080   開啟後可以開始測試了

 

 

應用背景: 移動官網目前推出移動端頁面, 為了方便測試前端頁面在 多款機器瀏覽器上的適配, 推薦大家使用瀏覽器同步測試工具 BrowserSync 。  好處:有了它,只需要在一個瀏覽器中操作,操作行為會同步到其他瀏覽器和裝置中,同步測試,提升測試效率。