? ? ?BrowserSync是一個省時的瀏覽器同步測試工具,可以同時在PC睦焕、平板、手機等設備上進項調(diào)試靴拱。這個工具是基于nodejs的垃喊,可以通過npm安裝。不廢話馬上進入正題袜炕。
? ? 安裝Node后本谜,通過npm安裝BrowserSync:
? ? 在命令行窗口輸入npm install -g browser-sync? 全局安裝BrowserSync;
? ? 安裝完成后偎窘,可以通過browser-sync --version來查看是否安裝成功以及安裝的版本乌助。
1.如果你要調(diào)試頁面為靜態(tài)頁面,只是單純的css樣式文件或者html頁面陌知,在當前需要調(diào)試目錄下他托,打開命令行窗口。
? 輸入命令:browser-sync start --server --files "css/*.css"仆葡。赏参、
這其實是BrowserSync自己啟動了一個小服務器。
2.如果你自己搭了一個服務器,例如node登刺、apache籽腕、tomcat,已經(jīng)有了一個服務器地址纸俭,例如:localhost:8080,則
? 輸入命令:browser-sync start --proxy "localhost:8080" --files "css/*.css"
這2種情況啟動成功后皇耗,都會給你一個新地址(沒被占用的話),如:localhost:3000給你訪問揍很。
如果想要手機和電腦同步測試的話郎楼,需要讓手機和電腦在同一個網(wǎng)段,要讓電腦連接上手機開啟的熱點窒悔,連接后在手機瀏覽器上輸入給出的ip地址就ok了呜袁。