开心六月综合激情婷婷|欧美精品成人动漫二区|国产中文字幕综合色|亚洲人在线成视频

1. Whatruns

一個(gè)免費(fèi)的瀏覽器擴(kuò)展程序，只需單擊一下按鈕，就能幫你識(shí)別當(dāng)前網(wǎng)站上所使到的技術(shù)。

官網(wǎng)：www.whatruns.com/

2. Sizzy

開發(fā)人員專用的瀏覽器?？梢詭湍愎?jié)省時(shí)間，加快開發(fā)流程

官網(wǎng)：sizzy.co/

3. Log Rocket

LogRocket 使你可以重播用戶在你站點(diǎn)上所做的操作，從而幫你重現(xiàn)錯(cuò)誤并更快地解決問題。

官網(wǎng)：logrocket.com/

4. Sentry

Sentry 的應(yīng)用監(jiān)視平臺(tái)幾乎可以為所有的開發(fā)人員提供幫助，它能夠診斷、修復(fù)和優(yōu)化你代碼的性能。

官網(wǎng)：sentry.io/

5. Can I Use?

Can I use 提供了最新的瀏覽器支持表，能幫你檢查支持臺(tái)式機(jī)和移動(dòng) Web 瀏覽器上的前端 Web 技術(shù)。

官網(wǎng)：caniuse.com/

6. Prettier

一個(gè)代碼格式化程序，支持多種語(yǔ)言，能夠與大多數(shù)編輯器集成。

官網(wǎng)：prettier.io/

7. CSS Scan

讓你與「檢查元素」再見。它能立即檢查懸停的任何元素的 CSS，并且只需要單擊一下即可復(fù)制其整個(gè)規(guī)則。

官網(wǎng)：getcssscan.com/

8. Bundlephobia

幫你檢查把 npm 包添加到 bundle 包中所需要花費(fèi)的代價(jià)。

官網(wǎng)：bundlephobia.com/

9. Cypress

對(duì)瀏覽器中運(yùn)行的所有內(nèi)容進(jìn)行快速、輕松和可靠的測(cè)試。

官網(wǎng)：www.cypress.io/

10. Unminify

用于壓縮、解壓縮、反混淆 JavaScript CSS HTML XML 和 JSON 代碼并增強(qiáng)可讀性的免費(fèi)工具。

官網(wǎng)：unminify.com/

11. RegEx 101

基于 PCRE 的免費(fèi)正則表達(dá)式調(diào)試器，具有實(shí)時(shí)說明、錯(cuò)誤檢測(cè)和突出顯示的功能。

官網(wǎng)：regex101.com/

12. Clear Cache

只需單擊一下按鈕，即可清除緩存并瀏覽數(shù)據(jù)。

官網(wǎng)：chrome.google.com/webstore/detail/...

13. Window Resizer

通過調(diào)整瀏覽器窗口的大小來(lái)模擬各種屏幕分辨率。

官網(wǎng)：chrome.google.com/webstore/detail/...

14. Wappalyzer

Wappalyzer 是一個(gè)能夠現(xiàn)網(wǎng)站上所用技術(shù)的實(shí)用程序。它能夠檢測(cè)內(nèi)容管理系統(tǒng)、電子商務(wù)平臺(tái)、Web 框架、服務(wù)器軟件，分析工具等。

官網(wǎng)：chrome.google.com/webstore/detail/...

15. MDN

MDN Web Docs 站點(diǎn)提供有關(guān)開放的 Web 技術(shù)的信息，包括用于 Web 站點(diǎn)和漸進(jìn)式 Web 應(yīng)用的 HTML、CSS 和 API 等技術(shù)。

官網(wǎng)：developer.mozilla.org/en-US/

16. Axe

可訪問性測(cè)試標(biāo)準(zhǔn)。被 Microsoft、Google 和大量的開發(fā)測(cè)試團(tuán)隊(duì)所選擇，Axe 是世界領(lǐng)先的可訪問性工具包。

官網(wǎng)：www.deque.com/axe/

17. Git Graph

Visual Studio Code 的 Git Graph 擴(kuò)展。幫你查看存儲(chǔ)庫(kù)中的 Git 圖，并輕松地從視圖中執(zhí)行 Git 操作。可以隨心配置為你想要的樣子！

官網(wǎng)：marketplace.visualstudio.com/items...

18. Kontrast-WCAG 對(duì)比度檢查器

能夠在瀏覽器中實(shí)時(shí)快速檢查和調(diào)整對(duì)比度，以滿足 WCAG 2.1 的要求。

官網(wǎng)：chrome.google.com/webstore/detail/...

19. Octotree

可增強(qiáng) GitHub 代碼的檢查和瀏覽功能的瀏覽器擴(kuò)展。

官網(wǎng)：chrome.google.com/webstore/detail/...

20. Postwoman

Postman 的替代品，能夠幫你更快地創(chuàng)建 HTTP 請(qǐng)求，節(jié)省寶貴的開發(fā)時(shí)間

官網(wǎng)：postwoman.io/

21. Responsively App

把開發(fā)響應(yīng)式 Web 應(yīng)用的速度提高了 5 倍！所有前端開發(fā)人員必備的開發(fā)工具，使你的工作更加輕松。

官網(wǎng)：sensitively.app/

22. FullStory

幫你查明自己的用戶在何時(shí)、何地產(chǎn)生糾結(jié)，以及是怎樣影響你的收入和留存率的。

官網(wǎng)：www.fullstory.com/

23. gitignore.io

幫你輕松的為自己的項(xiàng)目創(chuàng)建 .gitignore 文件

官網(wǎng)：www.toptal.com/developers/gitignor...

24. 1Loc

206 個(gè)只需單行代碼就能實(shí)現(xiàn)的 JavaScript 實(shí)用程序。

官網(wǎng)：1loc.dev/

25. Does it mutate?

它會(huì)變異嗎？

官網(wǎng)：doesitmutate.xyz/

26. Keycode

獲取任意鍵的 JavaScript 事件鍵碼

官網(wǎng)：keycode.info/

27. Worth It: 現(xiàn)代 JS 版

用來(lái)分析頁(yè)面的工具，幫你確定在使用模塊和無(wú)模塊模式時(shí)，在現(xiàn)代瀏覽器中下載的 JavaScript 減少了多少。

官網(wǎng)：module-nomodule-calculator.glitch....

28. npmview

一個(gè)用于查看 npm 包文件的 Web 應(yīng)用。

官網(wǎng)：npmview.now.sh/

29. CSS to JS

在 CSS、JS 對(duì)象和 JSX prop 之間進(jìn)行轉(zhuǎn)換。

官網(wǎng)：css2js.dotenv.dev/

30. All Characters

一個(gè)簡(jiǎn)單的頁(yè)面，顯示所有不同的字符及其 HTML 代碼。

官網(wǎng)：aymkdn.github.io/characters/

31. Shape Catcher

幫助你查找 Unicode 字符的工具。當(dāng)你要查找不知道名字的特定字符時(shí)非常麻煩。在 shapecatcher.com 上，你只需要知道它的大致形狀即可！

官網(wǎng)：shapecatcher.com/

32. Mocky

在開發(fā)時(shí)不必等待后端代碼準(zhǔn)備完畢，用 Mocky 可以生成自定義 API 響應(yīng)。

官網(wǎng)：designer.mocky.io/

33. Explain Shell

寫下命令行并查看與每個(gè)參數(shù)相匹配的幫助文本

官網(wǎng)：explainshell.com/

34. Base64 Image

將圖像轉(zhuǎn)換為 Base64

官網(wǎng)：www.base64-image.de/

35. Open Graph Check

在社交網(wǎng)絡(luò)上分享內(nèi)容時(shí)，針對(duì)目標(biāo)群體量身定制的優(yōu)化預(yù)覽可以顯著提高點(diǎn)擊率。 Opengraphcheck.com 能幫助你做到最好。最棒的是，Open Graph Check 是免費(fèi)的。

官網(wǎng)：opengraphcheck.com/

36. Brotli pro

幫你獲得更高的壓縮率

官網(wǎng)：www.brotli.pro/

37. Responsive Breakpoints

輕松生成最佳的響應(yīng)式圖像尺寸

官網(wǎng)：www.responsivebreakpoints.com/

38. Is my host fast yet?

用來(lái)檢測(cè)用戶瀏覽 Web 時(shí)所經(jīng)歷的真實(shí)服務(wù)器響應(yīng)延遲。

官網(wǎng)：ismyhostfastyet.com/

39. Check My Links

Check My Links 是一個(gè)鏈接檢查器，可爬取你的網(wǎng)頁(yè)并查找無(wú)效鏈接。

官網(wǎng)：chrome.google.com/webstore/detail/...

40. JSON Web Token

對(duì) JWT 進(jìn)行編碼或解碼

官網(wǎng)：www.jsonwebtoken.io/

41. Git Kraken

適用于 Windows、Mac 和 Linux 的 Git 客戶端，免費(fèi)開源。

官網(wǎng)：www.gitkraken.com/

42. BEM Cheat Sheet

即使是最有經(jīng)驗(yàn)的 CSS 開發(fā)人員，也不會(huì)總是立即找到正確的類名，這很快會(huì)使你感到絕望。該工具為你提供一些最常見的 Web 組件的命名建議，幫助你避免在 BEM 的世界中迷路。

官網(wǎng)：9elements.com/bem-cheat-sheet

43. Can I Email

官網(wǎng)：www.caniemail.com/

44. CSS Grid Generator

只需要設(shè)置數(shù)字以及列和行的單位，然后就會(huì)為你生成一個(gè) CSS 網(wǎng)格！可以通過在框內(nèi)拖動(dòng)來(lái)創(chuàng)建放置在網(wǎng)格內(nèi)的 div。

官網(wǎng)：cssgrid-generator.netlify.app/

45. Screen size map

設(shè)備無(wú)關(guān)像素的屏幕尺寸比較

官網(wǎng)：screensizemap.com/

46. Who can use?

誰(shuí)可以使用這種顏色組合？

官網(wǎng)：whocanuse.com/

47. Will it CORS?

告訴這臺(tái)神奇的 CORS 機(jī)器你想要什么，它將告訴你確切的操作。

官網(wǎng)：httptoolkit.tech/will-it-cors/

48. extractCSS

從 HTML 提取 CSS

官網(wǎng)：extractcss.com/

49. Shieldfy

在代碼正式投入生產(chǎn)之前，自動(dòng)識(shí)別并修復(fù)代碼中的安全問題和漏洞。

官網(wǎng)：shieldfy.io/

50. YAML Checker

YAML Checker 提供了一種快速簡(jiǎn)便的方法來(lái)驗(yàn)證 YAML。通過漂亮的語(yǔ)法突出顯示和錯(cuò)誤信息來(lái)驗(yàn)證 YAML。

官網(wǎng)：yamlchecker.com/

轉(zhuǎn)載：blog.csdn.net/weixin_49592546/arti...
原文：dev.to/iainfreestone/50-developer-...

本作品采用《CC 協(xié)議》，轉(zhuǎn)載必須注明作者和本文鏈接