用户登录

默认 Browsersync 会为项目生成一个本地链接,还有一个本地网络的链接,这样同在一个局域网的其它设备可以打开你的项目,并且同步变化 .. 使用一个 --tunnel 选项,可以再为项目生成一个外网的链接,把这个链接分享给别人,这样你对项目的修改,在页面上的操作也会同步显示给所有人。

打开终端,ctrl + C 先停止一下当前执行的任务 ... 然后再调出之前执行的 browser-sync 命令 ... 在这里加上一个 --tunnel 选项 .. 执行一下 ..

browser-sync start --server --files "css/*.css, index.html" --tunnel

这回在这个可以访问的地址里面,多了一个 Tunnel 地址 ... 地址是 localtunnel.me 结尾的,前面是一串随机生成的字符 ... 你可以把这个地址分享给其它人 .. 他们在自己的浏览器打开这个地址就可以看到你对项目的修改了 ... 这里我还是在 iPad 上打开这个分享的地址 ...

在本地的电脑上,新建一个浏览器的标签,同样再打开这个地址 ... 然后回到编辑器,修改一下项目里的东西 .. 保存 ... 你会看到,这里会同步项目的变化 ..

同样, 对这个页面的操作,也会同步给所有的浏览器 .. 注意这个同步需要通过互联网 ..

--tunnel:与所有人同步《 Browsersync 浏览器同步 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点