高效的网络开发人员需要浏览器中的好友(Chrome扩展程序)

我们都希望成为富有成效的Web开发人员。

作为Fullstack Web开发人员,我发现自己一遍又一遍地调试了很多相同的东西。这不仅用于围绕结果制定逻辑,而且还用于了解一切都按预期进行,并且在客户端没有异常。像:

  • 浏览器详细信息(用户代理,语言等)
  • 页面详细信息(历史记录,位置,协议,主机,来源,..)
  • 支持的功能(地理位置,画布,触摸设备等)
  • 屏幕尺寸(窗口,正文,文档,分辨率等)
  • 存储(Cookie,localStorage,sessionStorage等)
  • 地理IP /位置(纬度,经度,..)
  • CSS支持的功能(动画,变换,媒体查询等)

如您所见,上面的列表是无止境的,我们不想每次都打开DevTools,我们只是希望一键式获得这些信息即可满足我们的需求为此,我创建了一个新的名为浏览器的Chrome扩展程序BrowserBuddy,以轻松地为您提供这些功能的完全可见性。

因此,现在可以轻松地在浏览器中查看有关您的可用信息并存储有关您的信息

屏幕截图

单击任何行还将告诉您哪些代码可以检索该值:

我希望你对我有帮助
如果您有任何意见或建议要添加,请随时发表评论

如果您喜欢这篇文章,请单击下面的❤️,以便其他人可以在DEV.to上看到它:)欢迎在Github上关注我

资讯来源:由0x资讯编译自DEV,原文:https://dev.to/otomer/a-productive-web-developer-needs-a-buddy-in-his-browser-chrome-extension-5n0 ,版权归作者所有,未经许可,不得转载
你可能还喜欢