[书签] 9种提高Web开发人员生产率的工具

互联网不仅是您学习编程的地方。 有许多有用的在线工具可以在项目的不同阶段帮助开发人员,从而节省一些时间。



本文的作者(我们今天将其翻译发表)选择了9种此类工具。

1.我可以使用


如果您曾经想知道任何API(例如localStorage )是否与某个浏览器兼容,这意味着“ 我可以使用”网站对您很有用。 它包含有关哪些技术支持台式机和移动浏览器的不断更新的信息。


测试对各种浏览器的localStorage支持

2.缩小


unminify.com资源是免费的在线工具,用于对JavaScript,CSS和HTML代码进行排雷(解包,反混淆)。 它允许您将缩小的代码转换为可读的代码。 这是使代码可读的最广泛使用的资源之一。

是否想找出某人的缩进代码或检查其代码为不可读行的文件的内容? 为此,只需将代码插入Unminify资源上的相应字段即可。 这样一来,您便可以方便地以一种容易理解的方式从字面上看到过去看起来难以理解的内容。


Unminify.com资源

3.压缩机


图像文件的大小是加载网页时的重要贡献。

Compressor.io是一种资源,旨在减少图像的大小,同时保持其质量。 这个站点做得很好。 结果,原始图像和压缩图像之间几乎没有外部差异。


资源压缩器

4. Cloudcraft


Cloudcraft项目有助于设计云系统并计算云服务的成本。 其便捷的界面允许您通过处理作为云基础架构服务的对象来创建体积方案(但是,到目前为止,仅支持AWS平台)。 此外,它还允许您计算使用在其帮助下设计的云架构的成本。


使用AWS规划云架构

5.复制


repl.it上,您可以找到出色的在线IDE。 也许-只是您一直在寻找的那个。 在这里,只需几秒钟,您就可以访问为几乎任何编程语言或技术堆栈设计的开发环境。

该项目支持所有现代编程语言。 其中包括Python, KotlinRuby ,JavaScript。 在这里,您可以安装其他库或软件包并直接使用它们,而不必将它们下载到本地计算机上。

该资源使您可以共享指向包含项目代码的工作环境的链接。


在Node.js环境中进行快速应用程序开发

6. RequestBin


RequestBin项目使开发人员可以访问HTTP端点,该端点可以收集发送给它们的所有请求。 这使您可以分析此类请求,检查它们以及将数据传输给它们。

这些功能在这些情况下非常有用,例如,当您需要从各个站点调试Webhook请求时,在这种请求的结构和其中可用数据的功能事先未知的情况下。


端点在POST请求中收到的数据

7.网络代码


Web代码是现有最好的代码生成器之一。 通过设置此代码的要求,它使您可以自动创建满足多种需求的代码。

对于不特别了解HTML和CSS某些方面的Web开发人员,此工具非常有用。


生成CSS代码,允许您以不同方式自定义元素的边框

8. BundlePhobia


自从现代前端框架问世以来,开发人员一直在努力尽可能减少其应用程序包的大小,从而减少其项目用户的加载时间。

BundlePhobia资源旨在帮助开发人员分析npm软件包如何增加应用程序的构建大小。

您可以将package.json文件下载到此站点,并获得项目中使用的软件包的摘要。 在这里,您可以找到有关单独包装的详细信息。


找出pdfmake库的大小

9. Fingerprint.js


如今,通过网站收集唯一的浏览器标识符并不是一件容易的事,您不会感到惊讶。

为了简化该问题的解决方案,您可以使用精美的Fingerprint.js库。 它有助于生成特殊的浏览器标识符,而无需使用cookie或容易受到不诚实用户影响的数据。 它使您可以快速收集详细的浏览器信息,这些信息可以以其原始形式使用,也可以通过基于它们创建哈希来识别唯一用户。

该库使您可以创建类似于移动设备UUID标识符的类似内容。 您可以通过CDN使用它,并将其作为npm软件包安装。


从浏览器检索用户信息

亲爱的读者们! 您将添加哪些工具来提高Web开发人员的生产力?


Source: https://habr.com/ru/post/zh-CN479272/


All Articles