响应式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。