Browsersync安裝及使用和Nodejs安裝
阿新 • • 發佈:2022-04-13
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 。 好處:有了它,只需要在一個瀏覽器中操作,操作行為會同步到其他瀏覽器和裝置中,同步測試,提升測試效率。