摘要:是一個(gè)同步多瀏覽器頁(yè)面測(cè)試工具。有了它,你不用在多個(gè)瀏覽器間來(lái)回切換,不斷刷新來(lái)看效果了。更神奇的是你在一個(gè)瀏覽器中滾動(dòng)頁(yè)面點(diǎn)擊按鈕等用戶行為也會(huì)同步到每個(gè)瀏覽器中。官方的視頻演示。
BrowserSync 是一個(gè)同步多瀏覽器頁(yè)面測(cè)試工具。
BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free.
有了它,你不用在多個(gè)瀏覽器間來(lái)回切換,不斷刷新來(lái)看效果了。更神奇的是你在一個(gè)瀏覽器中滾動(dòng)頁(yè)面、點(diǎn)擊按鈕等用戶行為也會(huì)同步到每個(gè)瀏覽器中。
官方的視頻演示。
又是傳說(shuō)中的5分鐘快速安裝:
安裝nodeJs
安裝 BrowserSync
$ npm install -g browser-sync
啟動(dòng) browser-sync
html靜態(tài)頁(yè)面:
$ browser-sync start --server --files "css/*.css"
用php等語(yǔ)言渲染的動(dòng)態(tài)頁(yè)面,需要用代理模式
$ browser-sync start --proxy "myproject.dev" --files "css/*.css"
有了這個(gè)神器,苦逼的前端GG是不是有時(shí)間去和心儀的妹子約會(huì)了呢?
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/8694.html
摘要:打開(kāi)您的命令行工具,進(jìn)入到目錄下,運(yùn)行以下其中一條命令。將創(chuàng)建一個(gè)本地服務(wù)器并自動(dòng)打開(kāi)你的瀏覽器后訪問(wèn)地址,這一切都會(huì)在命令行工具里顯示。 自己寫(xiě)標(biāo)簽: 實(shí)時(shí)刷新、 免F5、 gulp + browser-sync 開(kāi)門(mén)見(jiàn)山,首先講明一下本文的定位吧:寫(xiě)這篇文章是因?yàn)樽约涸谄綍r(shí)的學(xué)習(xí)中,一次次試驗(yàn)了很多的前端實(shí)時(shí)刷新工具,有順手的,有蹩腳的,有簡(jiǎn)單的,有麻煩的,安裝完又折騰,折騰完又卸...
摘要:攝像拍照,濾鏡中文指南本文出自春哥個(gè)人博客作者黎躍春追時(shí)間的人簡(jiǎn)介是推出的一個(gè)天挑戰(zhàn)。完整中文版指南及視頻教程在從零到壹全棧部落。這個(gè)新的對(duì)象表示指定的對(duì)象或?qū)ο蟆? Day19 - 攝像、拍照,濾鏡中文指南 本文出自:春哥個(gè)人博客作者:?黎躍春-追時(shí)間的人簡(jiǎn)介:JavaScript30 是 Wes Bos 推出的一個(gè) 30 天挑戰(zhàn)。項(xiàng)目免費(fèi)提供了 30 個(gè)視頻教程、30 個(gè)挑戰(zhàn)的起始文...
摘要:靜態(tài)服務(wù)器代理你的域名或注入通過(guò)流的方式創(chuàng)建任務(wù)流程這樣您就可以在您的任務(wù)完成后調(diào)用,所有的瀏覽器將被告知的變化并實(shí)時(shí)更新因?yàn)橹辉诤跄脑诰幾g完成后注意后調(diào)用重載。 方法一 使用Google Chrome DevTools 方法二 工作區(qū)Browsersync 安裝 Node.js BrowserSync是基于Node.js的, 是一個(gè)Node模塊, 如果您想要快速使用它,也許您需要先...
摘要:從大約年開(kāi)始前端不再是當(dāng)初那個(gè)切圖排版的前端了,各種框架庫(kù)工具呈井噴之勢(shì)層出不窮。作為一個(gè)怕麻煩的懶人,對(duì)于前端的繁雜工作當(dāng)然是要找一個(gè)自動(dòng)化工具來(lái)處理,于是我遇到了。 從(大約)2014年開(kāi)始,前端不再是當(dāng)初那個(gè)切圖排版的前端了,各種MV*框架、庫(kù)、工具呈井噴之勢(shì)層出不窮。構(gòu)建工具比較有名的如Grunt、Gulp、Yeoman、webpack;依賴管理比如bower、npm,當(dāng)然最流...
摘要:前言月份開(kāi)始出沒(méi)社區(qū),現(xiàn)在差不多月了,按照工作的說(shuō)法,就是差不多過(guò)了三個(gè)月的試用期,準(zhǔn)備轉(zhuǎn)正了一般來(lái)說(shuō),差不多到了轉(zhuǎn)正的時(shí)候,會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過(guò)的一些學(xué)習(xí)資源主要是博客,博文推薦分享給大家。 1.前言 6月份開(kāi)始出沒(méi)社區(qū),現(xiàn)在差不多9月了,按照工作的說(shuō)法,就是差不多過(guò)了三個(gè)月的試用期,準(zhǔn)備轉(zhuǎn)正了!一般來(lái)說(shuō),差不多到了轉(zhuǎn)正的時(shí)候,會(huì)進(jìn)行總結(jié)或者分享會(huì)議!那么今天我就...
閱讀 3756·2021-11-24 10:46
閱讀 1719·2021-11-15 11:38
閱讀 3773·2021-11-15 11:37
閱讀 3500·2021-10-27 14:19
閱讀 1958·2021-09-03 10:36
閱讀 2005·2021-08-16 11:02
閱讀 3012·2019-08-30 15:55
閱讀 2268·2019-08-30 15:44