打开 Sync Options ,同步选项这个选项卡 .. 在这里你可以设置一下需要同步的行为 .. Clicks 是点击,Scroll 是滚动 .. Forms:submit 是提交表单,Forms:inputs 就是在文本框或者文本区域里输入内容的动作 ,Forms:toggles 是切换复选框还有单选按钮的动作 .. 如果你不想在所有的浏览器上同步这些动作,可以在这里选择关掉它们 ..
默认都是开启的状态 ... 下面我们可以先去演示一下.. 现在用的是 Chrome 浏览器打开的项目 ... 调整一下页面的宽度 ...
然后再打开 Safari 浏览器,把它放到右边 ...
在一个浏览器上滚动这个页面 .. 你会看到,在所有其它的浏览器上都会同步这个滚动的行为 ... 不需要的话可以在 Sync Options 里关掉 Scroll 选项 ..
再找到页面上的一个表单 ... 在这个文本框里输入点内容 ... Browsersync 会把内容实时的同步到其它的浏览器上 .. 关掉 Forms:inputs 选项可以去掉这个功能。
勾选一下这个复选框 .. 在其它的浏览器上这个复选框都会被勾选上 .. 取消一下 .. 同样会同步这个复选框的状态 ... 如果不想同步可以在同步选项里关掉 Forms:toggles 这个选项 ..
回到页面的顶部 ... 再点一下这个汉堡包按钮 .. 你会看到在其它的浏览器上会同时打开这个下拉菜单 .. 这是默认 Browsersync 可以同步表单的点击的行为 .. 不想用的话,可以关于 Clicks 选项 ..