browsersync工具的简单使用

browsersync工具可以自动刷新浏览器,就不用自己F5刷新了,还可以多设备进行调试。

1.当然先安装(node.js的安装)
(推荐使用cnpm 快)
npm i -g browser-sync

2.后再命令行进入的项目的文件夹 输入命令:
browser-sync start --server --files="*"
下面介绍一个简单的用命令行进入文件夹:
    进入你的文件夹 同时shift +鼠标右击 后点击 在此处打开命令窗口(w),按准了才会出现哦。点击后如下:
在这里插入图片描述
在输入上面说的命令行(browser-sync start --server --files="*")。
按回车后如下:
在这里插入图片描述
它将自动打开你的项目中的index.html 文件
后在编辑器中修改代码 保存 它就自动刷新了

手机与电脑同步调试

电脑自动打开你的项目地址一般是 localhost:3000 ,你要把地址改成上图红框的地址(每个电脑都不一样我的192.168.1.3:3000),然后手机和电脑要再同一局域网(同一个wifi或电脑的宽带和WiFi是同一个网),再用手机打开上图地方的红框地址就ok了。手机和电脑是同步的哦,其中一个上下滑动,其中也一起动。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浏览器同步应该是安全的,匿名的和免费的!在您的浏览器和设备上同步书签,不需要注册。 xBrowserSync是Google,Mozilla,Opera等提供的浏览器同步服务的免费开放源代码替代方案,它尊重您的隐私并为您提供完全的匿名性-无需注册,也不会收集任何个人数据。它还是完全安全的,您的数据已通过军用级加密进行了加密,因此即使有人截获了您的数据,也只有您可以对其解密 xBrowserSync改进了Chrome的书签功能,并通过添加说明和标签来丰富您的书签。完全支持Chrome的本机书签功能,以便保留现有的书签层次结构,并且您对书签所做的任何更改都将由xBrowserSync自动同步。而且,由于包括了备份和还原功能,因此不必担心丢失数据。为了获得最大的私密性,请在Linux或Windows服务器上配置自己的xBrowserSync云服务以进行同步 xBrowserSync云服务的代码是开源的,很容易为任何技术娴熟的个人设置 xBrowserSync当前支持在Chrome和Firefox之间同步书签,并且您还可以使用适用于Android的xBrowserSync移动应用程序在移动设备上访问已同步的书签。即将支持更多浏览器,并且计划在将来的版本中同步其他浏览器数据。主要功能:★在Chrome和Firefox之间同步书签,并使用Android的xBrowserSync移动应用程序在移动中访问书签 ★完全免费,使用该服务不收费。曾经 ★完全匿名,无需注册或提交个人数据,只需安装和同步即可 ★使用只有您才能解密的军用级加密对浏览器数据进行客户端加密:使用本机Web加密API,密钥派生使用PBKDF2进行250,000轮SHA-256加密,加密使用AES-GCM(随机16字节IV),用户使用随机的32个字符的同步ID作为盐(作为比较,LastPass的密钥派生使用类似的方法,但默认情况下只有100,100回合) ★快速,轻松地查找,修改和共享书签 ★使用说明和标签丰富您的书签 ★使用本机书签功能,所有更改都会自动同步,xBrowserSync甚至会自动将元数据添加到书签 ★尊重现有的书签层次结构 ★备份并还原同步的数据,使您完全放心 ★运行您自己的xBrowserSync云服务,以完全隐私地进行同步。有关更多信息,请访问https://www.xbrowsersync.org/ **注意:请勿使用Chrome网络商店提交支持请求,提交新的支持问题时不会通知开发人员,因此您的问题很可能不会得到解决 。而是通过GitHub(https://github.com/xbrowsersync/app/issues)或通过此页面上的开发人员电子邮件地址提交问题 ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────1。问题•解决了使用本机工具更改本地书签时可能导致同步失败/复制/损坏的问题•本地书签的填充花费的时间少得多•同步进行时,UI更新为显示同步动画•更新了浏览器图标以反映同步状态和方向(上传/下载)•清除本地浏览器缓存或第三方隐私插件时,同步不再被禁用•为Chrome特定的URL加书签(即chrome:// ...)不再在Firefox中中断同步•更多的书签现在支持URL协议•添加了对同步Firefox本机分隔符的支持•添加了用于手动更新最新更改同步的按钮•更新了必需的权限,“读取和更改所有网站数据”现在是可选的,并且在“设置”面板中添加了选项•密码验证时大大改进了创造新的同步:显示更准确的密码强度表,警告和建议,以帮助用户选择更有效的密码和宽松的验证规则,从而使用户可以更加自由地选择密码•现在支持非HTML网页(例如PDF)的书签•同步非常大现在支持数据大小•更新了扩展程序图标以使当前的同步状态更清晰•书签URL验证得到了改进•同步ID字段值现在已更新,每次更新时都已保存,解决了从密码管理器粘贴值时出现的问题•现在包括默认键盘快捷键•添加了按钮,方便复制同步ID•添加了在启动时检查同步更新时延迟后重试的功能,例如在使用代理连接时避免了“连接丢失”警告•添加了用于清除现有标签的按钮,在页面包含许多无关标签时很有用•删除了调试模式,添加了更好的功能日志记录和下载日志文件的功能以在记录问题时提供•改进的代码安全性:更具限制性的内容安全政策,删除了对“ innerHTML”的所有引用,删除了对“ eval”的引用(不再支持javascript小书签)•更新了捐赠选项,添加了Liberapay和更好的加密捐赠过程•用户
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值