大家好,我是小 G。
众所周知,随着近些年移动互联网的普及,大家都开始慢慢养成用手机上网的习惯。
因此,许多大厂也都渐渐愈发看重自己平台网站对响应式的支持程度,产品设计和 Web 开发人员,也都铆足了劲,不断提升网页在移动端设备上的使用体验。
搞过前端的同学都知道,移动端设备调试向来是个非常繁琐的工作,虽说 Chrome 浏览器默认提供的开发者工具非常好用,但针对移动端页面调试这块,还是留有不少可优化的余地。
前不久,一位来自印度的开发者 Manoj Vivek,便是觉得 Chrome 自带的开发工具,已难以满足自己日常对响应式页面的调试需求。为此,他专门做了个浏览器:Responsively,希望能减少工程师的开发成本,提升工作效率。
而该项目代码,也在前几天正式开源到了 GitHub 上:
https://github.com/manojVivek/responsively-app
在开源的同时,小哥也在 ProductHunt 平台上同步推荐了自己的产品,最终成功拿下 ProductHunt 热榜第一的位置。
从该项目的 GitHub Star 数,与 ProductHunt 的用户点赞数,你便能大致知晓大家对这款产品有多么喜爱。
这款浏览器究竟拥有什么魅力,让大家都对其赞不绝口呢?下面小 G 就来简单为大家介绍一下 Responsively 的几大核心功能。
从名字上可以看出,Responsively 主要是为响应式页面的调试需求而生,也一点也在官网产品介绍上充足提现了出来:
https://manojvivek.github.io/responsively-app/
小 G 大致帮大家看了下,该浏览器主要拥有的几项功能特性,具体如下:
- 镜像交互:所有操作均会同步到多设备上展示;- 自定义布局:可任意调整测试设备的布局;- 优化元素审查:可单独审查单设备页面元素;- 内置设备:默认支持 30+ 个主流设备,可自定义添加;- 快速截图:可一键截图单个或多个设备页面;- 优化热重载:可在多个设备上实时同步。
如果上方描述还是让你看着有点迷糊,可以戳下方产品演示视频看看:
在可预见的未来几年,为了给用户在手机上提供更友好的浏览体验,无疑会有更多网站支持响应式页面设计。而这款工具,也将给你带来不可小觑的战斗力,让你在进行网页调试开发时如虎添翼!
正如作者所说,这款浏览器,将让:
Develop responsive web apps 5x faster!
具体是不是无中生有,你用用看不就知道了