推荐一款省时的浏览器同步测试工具——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文件中的代码,都能在你的手机上实时响应更新,简直不要太爽。(当然前提是你的电脑和你的手机需要处于同一局域网下,切记!同理,只要是同一个局域网下,你把地址发给测试,发给产品,都能够打开进行浏览)