推荐一款省时的浏览器同步测试工具——Browsersync(本地文件在手机等移动端快捷浏览,实时同步)

推荐一款省时的浏览器同步测试工具——Browsersync(本地文件在手机等移动端快捷浏览,实时同步

你是否有过写了一个demo,然后想在手机上浏览,看看效果,但是却没有头绪的烦恼?那么Browsersync可能对你有所帮助。官网传送门
其实接下来感觉没我啥事儿了,看官网就ok了~,官网说的和你清楚明了。不过为了略微丰富一下创作内容,只好厚颜无耻的把官网内容再啰嗦啰嗦了。
先上图!!!
在这里插入图片描述
瞅瞅这好处说明,还不卧槽起来,赶紧去官网看吧。

咱要说的是,工具的功能很丰富,看你怎么用了。像我这种肤浅的人,当然是只用皮毛了,所以直接就进了“5分钟快速入门”,哈哈。

在这里插入图片描述
在这里插入图片描述
行吧,看到这里我就满足了,按图操作,安装成功,接下来就是用了。

我这这里就是用的静态网站的,因为我就想在手机上跑个demo。用法就是本地创建一个index.html文件,然后在文件位置打开git bush here或者windows PowerShell,随便,就是你输命令行,启项目,拉项目的家伙什,具体怎样专业的说咱也不知道,你知道就行。然后就输入上面的命令行

browser-sync start --server --files "*"

直接写上*,启动的时候它就会默认加载你的index.html文件。所以就不用你去考虑files到底写啥了,因为我就用这个就能满足自己的需求了,其他的感兴趣的可以看官网。
在这里插入图片描述
输入命令行回车之后,出现上图就ok了,它会自动打开你的浏览器,运行你的index.html。
在这里插入图片描述

然后你就可以把上方的地址复制到手机上打开了,而且,你随便改动你的index.html文件中的代码,都能在你的手机上实时响应更新,简直不要太爽。(当然前提是你的电脑和你的手机需要处于同一局域网下,切记!同理,只要是同一个局域网下,你把地址发给测试,发给产品,都能够打开进行浏览)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值