响应式Web开发调试利器:Browser-Sync

jopen 10年前

Browser-Sync 工具就是一款非常强大的工具,跨平台并且是免费开源的。同步,是Browser-Sync最基本的功能,它可以跨设备同步操作行为,如滚动、点击、导航,以及填写表单。

于此同时,Browser-Sync更大的亮点在于:

  • CSS注入。Browser-Sync可以watch你的CSS文件,当CSS文件有变更时,它可以动态注入到页面中,而不用将整个页面刷新一遍。
  • 实时刷新。同样是watch源文件,可以在文件修改时,刷新所有设备中的页面。
  • 静态server。可以在本地架设静态资源的服务器。
  • 更多地,Browser-Sync还有grunt插件,集成到你的开发流程中。

更多的使用细节,可以查看Github上的文档示例
可以说Browser-Sync是一款很有潜力的工具,虽然现在它还是个命令行工具,但开发者也在计划集成更多的调试工具,如 Weinre 和 Chrome DevTools。

项目主页:http://www.open-open.com/lib/view/home/1407912291411