平时在页面开发过程中,常会感觉有几个地方不太便利,例如:


(1)浏览器中打开的标签页太多,调试的页面是其中的一个,感觉被淹没了,比如查看完其他网页资料,然后编辑代码,再找调试页面时就比较麻烦,得从众多标签页中寻找


(2)开发中有时需要清除浏览器缓存,但这可能影响已经打开的其他网站


(3)每次修改完代码后,需求手动刷新页面查看效果


后来我就使用单独的浏览器打开调试页面,这样可以使用 ctrl+tab 快捷键快速打开,并且清除缓存也不影响其他网页,然后使用 browsersync 来自动刷新


正好前阶段发现一个专门用于开发的浏览器Blish,带有自动刷新功能,并且对移动页面开发支持的不错


开发人员的浏览器_java


可以直观的选择不同型号的手机、平板,与电脑版的页面在一起显示,可以同时观看他们的效果


滚动页面时,这两个窗口可以一起滚动,还可以旋转手机为横屏


开发人员的浏览器_java_02


Blish 是基于 Chrome 的,所以可以一样使用 Chrome 的开发工具


开发人员的浏览器_java_03


Blish 目前是初级版本,官方说以后会加入更多的特性,使开发更加便利,例如集成进来Github等常用的开发服务、增加代码质量和JS错误等指标的监控统计……


有兴趣的话可以试一试,官网地址 https://blisk.io/


上面说的用于自动刷新的 browsersync 官网是 https://www.browsersync.io/,他还有其他便利的小特性,可以了解下