9個(gè)web前端程序員需要知道的有用Web應(yīng)用程序

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

翻譯 | web前端開發(fā)

在大型公司工作上擔(dān)任軟件開發(fā)人員的任何人都可能與該問題有關(guān)—有時(shí)缺少了無(wú)法自己安裝的必備工具。通常，這些只是小事，例如你喜歡的編輯器。

但是，如果準(zhǔn)則完全允許后續(xù)安裝，則必須動(dòng)員一半的IT部門進(jìn)行安裝，這需要時(shí)間。有時(shí)，有些事情涉及到不參加在線課程而查看技術(shù)信息或某些代碼片段。

對(duì)于這兩種情況，都有提供一系列開發(fā)人員工具的在線服務(wù)。大多數(shù)工作站上都安裝了Web瀏覽器，還可以連接Internet，并且可以使用有用的工具而不必引起管理員的注意。我為您提供9個(gè)方便（免費(fèi)）的在線服務(wù)，以幫助您進(jìn)行軟件和Web開發(fā)。

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

這是一個(gè)很小，但很好的工具包，在實(shí)際的Web開發(fā)中，在許多地方應(yīng)該對(duì)你都會(huì)有所幫助。

Fromdev是一個(gè)博客，主要處理軟件開發(fā)人員的書籍和在線教程。某種程度上隱藏在網(wǎng)站上。但是，有一個(gè)小工具箱應(yīng)該很有趣，特別是對(duì)于Web開發(fā)人員而言。

除了用于XML，JS和HTML的Escape / Unescape工具之外，還有密碼生成器，各種轉(zhuǎn)換工具以及用于SEO和創(chuàng)建CSS按鈕或QR代碼的實(shí)用生成器。

2、Online Bash：測(cè)試bash程序

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

如果手頭沒有Bash（例如，在Windows下或在iPad等平板電腦上），也可以在線測(cè)試和執(zhí)行有關(guān)Shell腳本。此外，在線bash允許進(jìn)行協(xié)作工作。

3、CodeSandbox：快速Web開發(fā)的IDE

地址：https://codesandbox.io/

如果你想快速破解幾行代碼，則應(yīng)該仔細(xì)看一下CodeSandbox：在線開發(fā)環(huán)境，不僅免費(fèi)，而且還支持導(dǎo)入，提交和向GitHub存儲(chǔ)庫(kù)提出請(qǐng)求。

這樣，可以在瀏覽器中快速輕松地創(chuàng)建和測(cè)試程序原型。免費(fèi)版本支持容器技術(shù)和協(xié)作工作。

CodeSandbox可以作為不同工作站上的用戶的分散式編碼輔助工具：無(wú)論你當(dāng)前使用的是哪臺(tái)計(jì)算機(jī)，沙箱都可以在瀏覽器中運(yùn)行。

如果使用付費(fèi)模式，每月9美元，有無(wú)限的開發(fā)人員沙箱和私有GitHub存儲(chǔ)庫(kù)。

4、Playcode

地址：https://playcode.io/

Playcode與CodeSandbox相似。Web開發(fā)人員可以在線編寫或測(cè)試其代碼。整個(gè)工具比CodeSandbox簡(jiǎn)單一些，因此功能更清晰，但功能卻不那么豐富。

該工具還通過一些實(shí)用功能（例如，千兆字節(jié)的存儲(chǔ)空間，顯著增加的資產(chǎn)大小，代碼部署以及更強(qiáng)大的錯(cuò)誤查找器），同時(shí)，它們也有付費(fèi)版的。

5、Browserling：龐大的在線工具集

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

跨瀏覽器測(cè)試門戶瀏覽器不僅提供給Web開發(fā)人員，還提供了一個(gè)龐大且完全免費(fèi)的工具集。幾乎所有項(xiàng)目都有一個(gè)合適的在線工具：除了簡(jiǎn)單的Minify和Prettify之外，還有一些在線工具可用于轉(zhuǎn)換，加密或小圖像處理。

實(shí)際測(cè)試環(huán)境的免費(fèi)版本僅限于與Windows和Internet Explorer進(jìn)行三分鐘的測(cè)試，所以，這個(gè)需要使用付費(fèi)版的，這個(gè)每月19美元。

6、JSFiddle：用于HTML，CSS和JavaScript的測(cè)試工具

地址：https://jsfiddle.net/

JSFiddle代碼協(xié)作工具雖然很小，但卻很不錯(cuò)：在這里，可以存儲(chǔ)，測(cè)試和協(xié)作編輯HTML，CSS和JavaScript中的代碼片段。

該編輯器不需要用戶登錄或注冊(cè)即可使用，并且可以在瀏覽器中完全免費(fèi)使用。

7、 Ideone：60種語(yǔ)言的在線調(diào)試器和編譯器

地址：https://ideone.com/

在線代碼編輯器Ideone是在線測(cè)試代碼片段的理想選擇：該工具支持60多種編程語(yǔ)言，除了C ++，Java或Python，還支持Prolog或Whitespace等不太知名的語(yǔ)言。

可以直接在線編譯和執(zhí)行，因此很容易跟蹤錯(cuò)誤。代碼片段也可以通過簡(jiǎn)單地拆分URL來(lái)傳遞。

8、 JSLinux：瀏覽器中有多個(gè)Linux和Windows

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

有時(shí)，開發(fā)人員需要一臺(tái)Linux機(jī)器，而JSLinux會(huì)派上用場(chǎng)：該服務(wù)免費(fèi)提供多個(gè)Linux發(fā)行版，而無(wú)需安裝任何虛擬機(jī)。除了Alpine Linux和Buildroot，甚至還有Fedora，但不是完全全新的版本。

兩種發(fā)行版都可以作為命令行運(yùn)行，也可以通過X窗口運(yùn)行，盡管后者不一定總是以最佳狀態(tài)運(yùn)行。還包括FreeDOS甚至Windows。

使用copy.sh，還可以使用較早的操作系統(tǒng)（例如Windows 98或MS-DOS）進(jìn)行替代。

9、Caniuse：查看在哪種瀏覽器中可以使用

地址：https://caniuse.com/

Caniuse.com服務(wù)可幫助解決問題：開發(fā)人員可以使用簡(jiǎn)單的輸入掩碼來(lái)檢查哪些瀏覽器和版本支持哪些功能和API。

此工具可幫助我們簡(jiǎn)化和加快開發(fā)人員的工作。我們工具箱中的工具越多，我們完成工作的速度就越快。我希望你可以將這些工具收藏起來(lái)，并在需要時(shí)使用它們。