作為開發(fā)人員，我們每天都有很多任務(wù)要做，我們迫切地需要一些工具來使我們的工作更輕松并幫助我們提高生產(chǎn)率。在線上有很多專門為開發(fā)人員創(chuàng)建的工具，對我們有很多好處。

[[375743]]

在本文中，我們將列出一些非常有用的工具網(wǎng)站

1.Can I use?

這是一個很棒的網(wǎng)站，它提供最新的瀏覽器支持列表，最前沿的技術(shù)你都能在這里看到移動和桌面瀏覽器是否支持。

如果您要檢查你的應(yīng)用功能是否所有瀏覽器都支持，“Can I use?” 是您的最佳選擇。您還可以測試您的網(wǎng)站在2,000多種真實瀏覽器和設(shè)備上的兼容性。

2.cleancss

對于代碼的整潔是我們每個人都想要做到的，而有一個網(wǎng)站可以幫助我們輕松格式化我們的代碼，雖然它的名字叫做cleancss，但是它不僅格式化css，還可以個格式化網(wǎng)頁源代碼，還可以格式化js，而且其他語言它也可以進(jìn)行格式化，可以說非常的強大。

3.pexels

免費無版權(quán)的圖片網(wǎng)站，平時我們在給文章或者網(wǎng)站添加一些配圖的時候，我們可以在這個網(wǎng)站上選擇，這里提供的圖片的清晰度很高，并且它都是可以免費使用的，最重要的它的質(zhì)量也很高。

4.WhatFontIs

這是一個可以識別網(wǎng)站和圖片使用什么字體的網(wǎng)站，有了它，我們可以輕松地知道一個網(wǎng)站使用了哪些特殊的字體。

5. cssscan

當(dāng)我們將鼠標(biāo)懸停時，此工具可幫助我們檢查任何元素的CSS，而無需在開發(fā)工具中使用“檢查元素”。并且我們可以單擊一下來復(fù)制元素的整個CSS規(guī)則。

6.Postman

postman是前后端接口調(diào)試工具，有了它我們可以輕松地查看后端返回的數(shù)據(jù)，我們也可以輕松構(gòu)建自己的請求參數(shù)，并且我們還可以構(gòu)建我們自己的測試環(huán)境。

7.responsively

此工具可幫助您將開發(fā)響應(yīng)式Web應(yīng)用程序的開發(fā)速度提高5倍。它是所有前端開發(fā)人員必備的k開發(fā)工具，有了它，你的工作將變得非常輕松。

8.CodePen

有些時候我們想要編寫一些片段代碼，而我們又不想打開編輯器，這個時候我們可以打開codepen網(wǎng)站來進(jìn)行編寫。這是一個在線的編輯器，它繼承了html+css+js的功能，你可以在這里實驗?zāi)愕拇a，而且它提供預(yù)覽功能，此外它還可以進(jìn)行分享，如果你有好的代碼，可以分享給他人。

9.develop console

瀏覽器自帶的開發(fā)者工具可以說是最強大的工具，有了它我們可以調(diào)試js，還可以修改css，更可以進(jìn)行文件的編輯，同時性能上的問題，我們在這里也能夠識別出來，平時寫的一些js代碼塊，也可以在這里運行。

10.WhatRuns

WhatRuns是一個免費的瀏覽器擴展，可幫助您單擊按鈕即可識別任何網(wǎng)站上使用的技術(shù)。比如我們看到一個心儀的網(wǎng)站，我們想知道它們使用了哪些技術(shù)，這個插件就可以幫助我們找出它們。