一款能让 Web 开发效率提升 5 倍的开源神器!

公众号关注 “GitHubDaily”

设为 “星标”,每天带你逛 GitHub!

大家好,我是小 G。

众所周知,随着近些年移动互联网的普及,大家都开始慢慢养成用手机上网的习惯。

因此,许多大厂也都渐渐愈发看重自己平台网站对响应式的支持程度,产品设计和 Web 开发人员,也都铆足了劲,不断提升网页在移动端设备上的使用体验。

搞过前端的同学都知道,移动端设备调试向来是个非常繁琐的工作,虽说 Chrome 浏览器默认提供的开发者工具非常好用,但针对移动端页面调试这块,还是留有不少可优化的余地。

前不久,一位来自印度的开发者 Manoj Vivek,便是觉得 Chrome 自带的开发工具,已难以满足自己日常对响应式页面的调试需求。为此,他专门做了个浏览器:Responsively,希望能减少工程师的开发成本,提升工作效率。

而该项目代码,也在前几天正式开源到了 GitHub 上:

一款能让 Web 开发效率提升 5 倍的开源神器!_第1张图片

https://github.com/manojVivek/responsively-app

在开源的同时,小哥也在 ProductHunt 平台上同步推荐了自己的产品,最终成功拿下 ProductHunt 热榜第一的位置。

从该项目的 GitHub Star 数,与 ProductHunt 的用户点赞数,你便能大致知晓大家对这款产品有多么喜爱。

这款浏览器究竟拥有什么魅力,让大家都对其赞不绝口呢?下面小 G 就来简单为大家介绍一下 Responsively 的几大核心功能。

从名字上可以看出,Responsively 主要是为响应式页面的调试需求而生,也一点也在官网产品介绍上充足提现了出来:

一款能让 Web 开发效率提升 5 倍的开源神器!_第2张图片

https://manojvivek.github.io/responsively-app/

小 G 大致帮大家看了下,该浏览器主要拥有的几项功能特性,具体如下:

- 镜像交互:所有操作均会同步到多设备上展示;- 自定义布局:可任意调整测试设备的布局;- 优化元素审查:可单独审查单设备页面元素;- 内置设备:默认支持 30+ 个主流设备,可自定义添加;- 快速截图:可一键截图单个或多个设备页面;- 优化热重载:可在多个设备上实时同步。

如果上方描述还是让你看着有点迷糊,可以戳下方产品演示视频看看:

在可预见的未来几年,为了给用户在手机上提供更友好的浏览体验,无疑会有更多网站支持响应式页面设计。而这款工具,也将给你带来不可小觑的战斗力,让你在进行网页调试开发时如虎添翼!

正如作者所说,这款浏览器,将让:

Develop responsive web apps 5x faster!

具体是不是无中生有,你用用看不就知道了

---

由 GitHubDaily 原班人马打造的公众号:GitCube,现已正式上线!
接下来我们将会在该公众号上,为大家分享优质的计算机学习资源与开发者工具,坚持每天一篇原创文章的输出,感兴趣的小伙伴可以关注一下哈!

你可能感兴趣的:(一款能让 Web 开发效率提升 5 倍的开源神器!)