9个web前端程序员需要知道的有用Web应用程序-技术圈

英文 | https://javascript.plainenglish.io/9-useful-web-apps-for-web-developers-4cd9a0ea9a2f

翻译 | web前端开发

在大型公司工作上担任软件开发人员的任何人都可能与该问题有关—有时缺少了无法自己安装的必备工具。通常，这些只是小事，例如你喜欢的编辑器。

但是，如果准则完全允许后续安装，则必须动员一半的IT部门进行安装，这需要时间。有时，有些事情涉及到不参加在线课程而查看技术信息或某些代码片段。

对于这两种情况，都有提供一系列开发人员工具的在线服务。大多数工作站上都安装了Web浏览器，还可以连接Internet，并且可以使用有用的工具而不必引起管理员的注意。我为您提供9个方便（免费）的在线服务，以帮助您进行软件和Web开发。

1、Tools.FromDev：适用于Web开发人员的工具

地址：https://tools.fromdev.com/

这是一个很小，但很好的工具包，在实际的Web开发中，在许多地方应该对你都会有所帮助。

Fromdev是一个博客，主要处理软件开发人员的书籍和在线教程。某种程度上隐藏在网站上。但是，有一个小工具箱应该很有趣，特别是对于Web开发人员而言。

除了用于XML，JS和HTML的Escape / Unescape工具之外，还有密码生成器，各种转换工具以及用于SEO和创建CSS按钮或QR代码的实用生成器。

2、Online Bash：测试bash程序

地址：https://rextester.com/l/bash_online_compiler

如果手头没有Bash（例如，在Windows下或在iPad等平板电脑上），也可以在线测试和执行有关Shell脚本。此外，在线bash允许进行协作工作。

地址：https://codesandbox.io/

如果你想快速破解几行代码，则应该仔细看一下CodeSandbox：在线开发环境，不仅免费，而且还支持导入，提交和向GitHub存储库提出请求。

这样，可以在浏览器中快速轻松地创建和测试程序原型。免费版本支持容器技术和协作工作。

CodeSandbox可以作为不同工作站上的用户的分散式编码辅助工具：无论你当前使用的是哪台计算机，沙箱都可以在浏览器中运行。

如果使用付费模式，每月9美元，有无限的开发人员沙箱和私有GitHub存储库。

地址：https://playcode.io/

Playcode与CodeSandbox相似。Web开发人员可以在线编写或测试其代码。整个工具比CodeSandbox简单一些，因此功能更清晰，但功能却不那么丰富。

该工具还通过一些实用功能（例如，千兆字节的存储空间，显着增加的资产大小，代码部署以及更强大的错误查找器），同时，它们也有付费版的。

地址：https://www.browserling.com/tools

跨浏览器测试门户浏览器不仅提供给Web开发人员，还提供了一个庞大且完全免费的工具集。几乎所有项目都有一个合适的在线工具：除了简单的Minify和Prettify之外，还有一些在线工具可用于转换，加密或小图像处理。

实际测试环境的免费版本仅限于与Windows和Internet Explorer进行三分钟的测试，所以，这个需要使用付费版的，这个每月19美元。

地址：https://jsfiddle.net/

JSFiddle代码协作工具虽然很小，但却很不错：在这里，可以存储，测试和协作编辑HTML，CSS和JavaScript中的代码片段。

该编辑器不需要用户登录或注册即可使用，并且可以在浏览器中完全免费使用。

地址：https://ideone.com/

在线代码编辑器Ideone是在线测试代码片段的理想选择：该工具支持60多种编程语言，除了C ++，Java或Python，还支持Prolog或Whitespace等不太知名的语言。

可以直接在线编译和执行，因此很容易跟踪错误。代码片段也可以通过简单地拆分URL来传递。

地址：https://bellard.org/jslinux/

有时，开发人员需要一台Linux机器，而JSLinux会派上用场：该服务免费提供多个Linux发行版，而无需安装任何虚拟机。除了Alpine Linux和Buildroot，甚至还有Fedora，但不是完全全新的版本。

两种发行版都可以作为命令行运行，也可以通过X窗口运行，尽管后者不一定总是以最佳状态运行。还包括FreeDOS甚至Windows。

使用copy.sh，还可以使用较早的操作系统（例如Windows 98或MS-DOS）进行替代。

地址：https://caniuse.com/

Caniuse.com服务可帮助解决问题：开发人员可以使用简单的输入掩码来检查哪些浏览器和版本支持哪些功能和API。

此工具可帮助我们简化和加快开发人员的工作。我们工具箱中的工具越多，我们完成工作的速度就越快。我希望你可以将这些工具收藏起来，并在需要时使用它们。