BrowserSync -- 你值得擁有的多瀏覽器測試工具

BrowserSync 是一個同步多瀏覽器頁面測試工具。

BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free.

有了它，你不用在多個瀏覽器間來回切換，不斷刷新來看效果了。更神奇的是你在一個瀏覽器中滾動頁面、點擊按鈕等用戶行爲也會同步到每一個瀏覽器中。

官方的視頻演示。

• 又是傳說中的5分鐘快速安裝：

1. 安裝nodeJs

2. 安裝 BrowserSync

   $ npm install -g browser-sync

3. 啓動 browser-sync

   • html靜態頁面：

     $ browser-sync start --server --files "css/*.css"

   • 用php等語言渲染的動態頁面，須要用代理模式

     $ browser-sync start --proxy "myproject.dev" --files "css/*.css"

有了這個神器，苦逼的前端GG是否是有時間去和心儀的妹子約會了呢？