50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

In diesem Artikel werden 50 Chrome-Erweiterungen und Webanwendungen aufgeführt, die Ihnen helfen können, die Entwicklungseffizienz zu verbessern und Entwicklungszeit zu sparen. Sie werden sich wahrscheinlich irgendwann als nützlich erweisen. Die alte Regel lautet: Reposten, liken, klicken und dann dreimal lesen und schließlich langsam lesen. Lassen Sie es nicht in Ihren Favoriten verstauben.

1. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

Eine kostenlose Browsererweiterung, mit der Sie mit einem Klick die aktuell auf Ihrer Website verwendeten Technologien identifizieren können.

Offizielle Website: https://www.whatruns.com/

---

2. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

entwicklerspezifischer Browser. Es kann Ihnen helfen, Zeit zu sparen und den Entwicklungsprozess zu beschleunigen Dadurch können Sie den Fehler reproduzieren und das Problem schneller lösen.

Offizielle Website: https://logrocket.com/

---

4 Die Anwendungsüberwachungsplattform von 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert) kann fast allen Entwicklern helfen, die Leistung Ihres Codes zu diagnostizieren, zu reparieren und zu optimieren.

Offizielle Website: https://sentry.io/

5. Kann ich verwenden?

---

„Kann ich verwenden“ bietet die neueste Browser-Unterstützungstabelle, die Ihnen hilft, die Unterstützung für Desktop- und mobiles Surfen im Internet zu überprüfen. End-Web-Technologie auf dem Server.

Offizielle Website: https://caniuse.com/

6. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

Ein Codeformatierer, der mehrere Sprachen unterstützt und in die meisten Editoren integriert werden kann.

Offizielle Website: https://prettier.io/

7. Mit CSS Scan

können Sie sich von „Inspektionselementen“ verabschieden. Es überprüft sofort das CSS jedes Elements, über das es fährt, und kopiert seine gesamten Regeln mit nur einem Klick.

Offizielle Website: https://getcssscan.com/

---

8. Mit 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert) können Sie die Kosten für das Hinzufügen von NPM-Paketen zu Bundle-Paketen überprüfen.

---

Offizielle Website: https://bundlephobia com/

9. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

Schnelles, einfaches und zuverlässiges Testen von allem, was in Ihrem Browser läuft.

---

Offizielle Website: https://www.cypress.io/

10. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

wird verwendet, um JavaScript-, CSS-, HTML-, XML- und JSON-Codes zu komprimieren, zu dekomprimieren, zu entschlüsseln und die Lesbarkeit zu verbessern. Kostenlose Tools.

---

Offizielle Website: https://unminify.com/

11. Ein kostenloser Debugger für reguläre Ausdrücke basierend auf PCRE, mit Echtzeiterklärung, Fehlererkennung und Hervorhebung.

Offizielle Website: https://regex101.com/

---

12. Cache leeren

Löschen Sie den Cache und durchsuchen Sie Daten mit nur einem Klick.

Offizielle Website: https://chrome.google.com/web...

---

13. Window Resizer

simuliert verschiedene Bildschirmauflösungen durch Ändern der Größe des Browserfensters.

Offizielle Website: https://chrome.google.com/web...

---

14. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert) ist ein Hilfsprogramm, das die auf der Website verwendete Technologie realisieren kann. Es kann Content-Management-Systeme, E-Commerce-Plattformen, Web-Frameworks, Serversoftware, Analysetools usw. erkennen.

Offizielle Website: https://chrome.google.com/web...

---

15. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

Die 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert) Web Docs-Website bietet Informationen über offene Webtechnologien, einschließlich Technologien wie HTML, CSS und APIs für Websites und progressive Webanwendungen.

Offizielle Website: https://developer.mozilla.org...)

---

16. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

Standard für Barrierefreiheit. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert) wurde von Microsoft, Google und zahlreichen Entwicklungs- und Testteams ausgewählt und ist das weltweit führende Toolkit für Barrierefreiheit.

Offizielle Website: https://www.deque.com/axe/

---

17. Git Graph

Git Graph-Erweiterung für Visual Studio Code. Hilft Ihnen, das Git-Diagramm in Ihrem Repository anzuzeigen und Git-Vorgänge aus der Ansicht einfach auszuführen. Sie können es nach Ihren Wünschen konfigurieren!

Offizielle Website: https://marketplace.visualstu...

---

18. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)-WCAG Contrast Checker

Kann den 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert) schnell in Echtzeit im Browser überprüfen und anpassen, um die Anforderungen von WCAG 2.1 zu erfüllen .

Offizielle Website: https://chrome.google.com/web...

---

19. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

Eine Browsererweiterung, die die Inspektions- und Browsing-Funktionen von GitHub-Code verbessern kann.

Offizielle Website: https://chrome.google.com/web...

---

20. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

Ein Ersatz für Postman, der Ihnen helfen kann, HTTP-Anfragen schneller zu erstellen und wertvolle Entwicklungszeit zu sparen

Offiziell Website: https://postwoman.io/)

---

21. Responsively App

erhöht die Geschwindigkeit der Entwicklung responsiver Webanwendungen um das Fünffache! Ein unverzichtbares Entwicklungstool für alle Frontend-Entwickler, das Ihnen die Arbeit erleichtert.

Offizielle Website: https://sensitively.app/

---

22 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

hilft Ihnen herauszufinden, wann und wo sich Ihre Benutzer verstricken und wie sich dies auf Ihren Umsatz und Ihre Bindungsrate auswirkt.

Offizielle Website: https://www.fullstory.com/

---

23. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

hilft Ihnen, ganz einfach .gitignore-Dateien für Ihre Projekte zu erstellen

Offizielle Website: https://www.toptal .com/develo…

---

24. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

206 JavaScript-Dienstprogramme, die mit nur einer einzigen Codezeile implementiert werden können.

Offizielle Website: https://1loc.dev/

---

25 Mutiert es?

Wird es mutieren?

Offizielle Website: https://doesitmutate.xyz/)

---

26. Holen Sie sich den JavaScript-Ereignisschlüsselcode eines beliebigen Schlüssels

Offizielle Website: https://keycode.info/

27 . Es lohnt sich: Modern JS Edition

Ein Tool zur Seitenanalyse, mit dem Sie feststellen können, wie viel weniger JavaScript in modernen Browsern heruntergeladen wird, wenn Module und modullose Modi verwendet werden.

Offizielle Website: https://module-nomodule-calcu...

28. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

---

Eine Webanwendung zum Anzeigen von npm-Paketdateien.

Offizielle Website: https://50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert).now.sh/

29. CSS zu JS

---

Konvertieren zwischen CSS, JS-Objekten und JSX-Requisiten.

Offizielle Website: https://css2js.dotenv.dev/

30. Alle Charaktere

---

Eine einfache Seite, die alle verschiedenen Charaktere und ihre HTML-Codes zeigt.

Offizielle Website: https://aymkdn.github.io/char...

---

31. Shape Catcher

Ein Tool, das Ihnen beim Auffinden von Unicode-Zeichen hilft. Es ist sehr mühsam, wenn Sie einen bestimmten Charakter finden möchten, dessen Namen Sie nicht kennen. Auf shapecatcher.com müssen Sie nur die allgemeine Form kennen!

Offizielle Website: https://shapecatcher.com/

---

---

32. Sie müssen nicht darauf warten, dass der Back-End-Code während der Entwicklung vorbereitet wird. Sie können 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert) zum Generieren verwenden benutzerdefinierte API-Antworten.

Offizielle Website: https://designer.mocky.io/

33. Schreiben Sie die Befehlszeile und sehen Sie sich den Hilfetext an, der zu jedem Parameter passt

---

Offizielle Website: https://explainshell .com/

34. Konvertieren Sie das Bild in Base64

Offizielle Website: https://www.base64-image.de/)

---

35. Öffnen Sie Graph Check

Beim Teilen von Inhalten in sozialen Netzwerken können optimierte, auf Ihre Zielgruppe zugeschnittene Vorschauen die Klickraten deutlich steigern. Opengraphcheck.com hilft Ihnen, Ihr Bestes zu geben. Das Beste daran ist, dass Open Graph Check kostenlos ist.

Offizielle Website: https://opengraphcheck.com/

---

36. Brotli pro

verhilft Ihnen zu einer höheren Komprimierungsrate

Offizielle Website: https://www.brotli.pro/

---

37. Responsive Breakpoints

Generieren Sie ganz einfach die beste Responsive-Bildgröße

Offizielle Website: https://www.sensitivebreakpoi...

---

38. Ist mein Host schon schnell?

Wird zur Erkennung verwendet Die tatsächliche Server-Antwortlatenz, die Benutzer beim Surfen im Internet erfahren.

Offizielle Website: https://ismyhostfastyet.com/)

---

39. „Check My Links“ ist ein Link-Checker, der Ihre Webseiten crawlt und ungültige Links findet.

Offizielle Website: https://chrome.google.com/web...

---

40. JSON Web Token

JWT kodieren oder dekodieren

Offizielle Website: https://www.jsonwebtoken.io /

---

41. Git Kraken

Git-Client für Windows, Mac und Linux, kostenlos und Open Source.

Offizielle Website: https://www.gitkraken.com/

---

42. Selbst die erfahrensten CSS-Entwickler finden nicht immer sofort den richtigen Klassennamen. Dies kann schnell dazu führen verzweifeln. Dieses Tool hilft Ihnen, sich nicht in der Welt von BEM zu verlieren, indem es Ihnen Namensvorschläge für einige der gängigsten Webkomponenten gibt.

Offizielle Website: https://9elements.com/bem-che...

---

---

43. Kann ich eine E-Mail senden?Offizielle Website: https://www.caniemail.com/

44 . CSS-Rastergenerator

Legen Sie einfach die Zahlen und Einheiten für Spalten und Zeilen fest, und dann wird ein CSS-Raster für Sie generiert! Sie können innerhalb des Rasters platzierte Ps erstellen, indem Sie innerhalb des Felds ziehen.

---

Offizielle Website: https://cssgrid-generator.net...

45. Bildschirmgrößenkarte

---

Geräteunabhängiger Pixel-Bildschirmgrößenvergleich

Offizielle Website: https://screensizemap.com/

---

46. Wer kann diese Farbkombination verwenden?

Offizielle Website: https://whocanuse.com/

---

---

47. Wird es CORS?

Sagen Sie dieser erstaunlichen CORS-Maschine, was Sie wollen, und sie wird Ihnen genau sagen, was Sie tun sollen.

Offizielle Website: https://httptoolkit.tech/will...)

---

48. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

CSS aus HTML extrahieren

Offizielle Website: http://extractcss.com/

---

49. 50 Entwicklungstools, die Ihnen helfen können, Zeit zu sparen! (sammelnswert)

Identifiziert und behebt automatisch Sicherheitsprobleme und Schwachstellen im Code, bevor dieser offiziell in Produktion geht.

Offizielle Website: https://shieldfy.io/

---

50 YAML Checker bietet eine schnelle und einfache Möglichkeit, YAML zu überprüfen. Validieren Sie YAML mit schöner Syntaxhervorhebung und Fehlermeldungen.

Offizielle Website: https://yamlchecker.com/

​