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

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

1.Can I use?

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

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

2.cleancss

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

3.pexels

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

4.WhatFontIs

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

5. cssscan

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

6.Postman

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

7.responsively

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

8.CodePen

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

9.develop console

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

10.WhatRuns

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

原文地址：https://www.toutiao.com/i6917233396515209741/