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

[[375743]]

在本文中，我們將列出一些非常有用的工具網(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)行格式化，可以說(shuō)非常的強(qiáng)大。

3.pexels

免費(fèi)無(wú)版權(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，而無(wú)需在開(kāi)發(fā)工具中使用“檢查元素”。并且我們可以單擊一下來(lái)復(fù)制元素的整個(gè)CSS規(guī)則。

6.Postman

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

7.responsively

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

8.CodePen

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

9.develop console

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

10.WhatRuns

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