前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一款能让 Web 开发效率提升 5 倍的开源神器!

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

作者头像
GitHubDaily
发布2020-06-01 15:28:46
5100
发布2020-06-01 15:28:46
举报
文章被收录于专栏:GitHubDaily

大家好,我是小 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!

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-05-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 GitHubDaily 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • ?
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档