成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

ZweiZhao / 2951人閱讀

摘要:是一個(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

相關(guān)文章

  • 前端開(kāi)發(fā):實(shí)時(shí)刷新(及時(shí)預(yù)覽)工具小匯總,兼有g(shù)ulp+browser-sync設(shè)置方法

    摘要:打開(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)單的,有麻煩的,安裝完又折騰,折騰完又卸...

    villainhr 評(píng)論0 收藏0
  • Day19 - 攝像、拍照,濾鏡中文指南

    摘要:攝像拍照,濾鏡中文指南本文出自春哥個(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)的起始文...

    chaos_G 評(píng)論0 收藏0
  • 實(shí)時(shí)編輯

    摘要:靜態(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模塊, 如果您想要快速使用它,也許您需要先...

    wenshi11019 評(píng)論0 收藏0
  • 前端工具系列之一 Gulp

    摘要:從大約年開(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)然最流...

    xiongzenghui 評(píng)論0 收藏0
  • 個(gè)人分享--web前端學(xué)習(xí)資源分享

    摘要:前言月份開(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ì)議!那么今天我就...

    sherlock221 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<