摘要:是一個同步多瀏覽器頁面測試工具。有了它,你不用在多個瀏覽器間來回切換,不斷刷新來看效果了。更神奇的是你在一個瀏覽器中滾動頁面點擊按鈕等用戶行為也會同步到每個瀏覽器中。官方的視頻演示。
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分鐘快速安裝:
安裝nodeJs
安裝 BrowserSync
$ npm install -g browser-sync
啟動 browser-sync
html靜態頁面:
$ browser-sync start --server --files "css/*.css"
用php等語言渲染的動態頁面,需要用代理模式
$ browser-sync start --proxy "myproject.dev" --files "css/*.css"
有了這個神器,苦逼的前端GG是不是有時間去和心儀的妹子約會了呢?
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/8694.html
摘要:打開您的命令行工具,進入到目錄下,運行以下其中一條命令。將創建一個本地服務器并自動打開你的瀏覽器后訪問地址,這一切都會在命令行工具里顯示。 自己寫標簽: 實時刷新、 免F5、 gulp + browser-sync 開門見山,首先講明一下本文的定位吧:寫這篇文章是因為自己在平時的學習中,一次次試驗了很多的前端實時刷新工具,有順手的,有蹩腳的,有簡單的,有麻煩的,安裝完又折騰,折騰完又卸...
摘要:攝像拍照,濾鏡中文指南本文出自春哥個人博客作者黎躍春追時間的人簡介是推出的一個天挑戰。完整中文版指南及視頻教程在從零到壹全棧部落。這個新的對象表示指定的對象或對象。 Day19 - 攝像、拍照,濾鏡中文指南 本文出自:春哥個人博客作者:?黎躍春-追時間的人簡介:JavaScript30 是 Wes Bos 推出的一個 30 天挑戰。項目免費提供了 30 個視頻教程、30 個挑戰的起始文...
摘要:靜態服務器代理你的域名或注入通過流的方式創建任務流程這樣您就可以在您的任務完成后調用,所有的瀏覽器將被告知的變化并實時更新因為只在乎您的在編譯完成后注意后調用重載。 方法一 使用Google Chrome DevTools 方法二 工作區Browsersync 安裝 Node.js BrowserSync是基于Node.js的, 是一個Node模塊, 如果您想要快速使用它,也許您需要先...
摘要:從大約年開始前端不再是當初那個切圖排版的前端了,各種框架庫工具呈井噴之勢層出不窮。作為一個怕麻煩的懶人,對于前端的繁雜工作當然是要找一個自動化工具來處理,于是我遇到了。 從(大約)2014年開始,前端不再是當初那個切圖排版的前端了,各種MV*框架、庫、工具呈井噴之勢層出不窮。構建工具比較有名的如Grunt、Gulp、Yeoman、webpack;依賴管理比如bower、npm,當然最流...
摘要:前言月份開始出沒社區,現在差不多月了,按照工作的說法,就是差不多過了三個月的試用期,準備轉正了一般來說,差不多到了轉正的時候,會進行總結或者分享會議那么今天我就把看過的一些學習資源主要是博客,博文推薦分享給大家。 1.前言 6月份開始出沒社區,現在差不多9月了,按照工作的說法,就是差不多過了三個月的試用期,準備轉正了!一般來說,差不多到了轉正的時候,會進行總結或者分享會議!那么今天我就...
閱讀 3735·2021-11-24 10:46
閱讀 1706·2021-11-15 11:38
閱讀 3761·2021-11-15 11:37
閱讀 3481·2021-10-27 14:19
閱讀 1939·2021-09-03 10:36
閱讀 1991·2021-08-16 11:02
閱讀 2998·2019-08-30 15:55
閱讀 2251·2019-08-30 15:44