Neuerungen in den Entwicklertools (Chrome 108)

Jecelyn Yeen

Hinweise für inaktive CSS-Eigenschaften

Die Entwicklertools erkennen jetzt gültige CSS-Stile, die keine sichtbaren Auswirkungen haben. Im Bereich Styles werden in den Entwicklertools die inaktiven Eigenschaften ausgeblendet. Bewegen Sie den Mauszeiger auf das Symbol daneben, um zu erfahren, warum die Regel keine sichtbaren Auswirkungen hat.

Hinweise für inaktive CSS-Eigenschaften.

Chromium-Problem: 1178508

XPath und Textauswahlen im Rekorder-Bereich automatisch erkennen

Der Bereich Rekorder unterstützt jetzt XPath- und Textselektoren. Starte die Aufzeichnung eines User Flows. Der Rekorder wählt automatisch den XPath und den kürzesten eindeutigen Text eines Elements als Selektor aus, sofern verfügbar.

XPath- und Textauswahlen im Rekorder-Bereich

Chromium-Probleme: 1327206,1327209

Durch Kommas getrennte Ausdrücke ausführen

Sie können jetzt beim Debugging durch Kommas getrennte Ausdrücke ausführen. Dadurch wird die Debug-Fähigkeit von minimiertem Code verbessert.

Gehen Sie die einzelnen Ausdrücke durch Kommas getrennt durch.

Bisher wurde in den Entwicklertools nur die schrittweise Ausführung durch durch Semikolons getrennte Ausdrücke unterstützt.

Mit dem folgenden Code

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

Transpiler und Minifier können sie in kommagetrennte Ausdrücke umwandeln.

function bar(){return foo(),foo(),42}

Dies führt bei der Fehlerbehebung zu Verwirrung, da sich das Schrittverhalten zwischen reduziertem und Autorencode unterscheidet. Noch verwirrender ist es, wenn Sie Quellcodezuordnungen zum Debuggen des komprimierten Codes im Hinblick auf den Originalcode verwenden, da der Entwickler sich dann die Semikolons ansieht (die im Hintergrund von der Toolchain in Kommas umgewandelt wurden), aber der Debugger nicht aufhört.

Chromium-Problem: 1370200

Verbesserte Einstellung der Ignorieren-Liste

Gehen Sie zu Einstellungen > Ignorieren-Liste. Mit den Entwicklertools wird das Design verbessert, damit du die Regeln so konfigurieren kannst, dass ein einzelnes Script oder Muster von Skripts ignoriert wird.

Die Registerkarte Ignorierliste

Chromium-Problem: 1356517

Verschiedene Highlights

Im Folgenden sind einige wichtige Fehlerkorrekturen in dieser Version aufgeführt:

  • Name der CSS-Eigenschaft automatisch vervollständigen im Bereich Styles, wenn Sie die Leertaste drücken (1343316)
  • Entfernen Sie das automatische Scrollen im Navigationspfad des Elements. (1369734)

Vorschaukanäle herunterladen

Sie können Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. Über diese Vorschaukanäle erhältst du Zugriff auf die neuesten Entwicklertools, kannst hochmoderne Webplattform-APIs testen und Probleme auf deiner Website erkennen, bevor deine Nutzer es tun.

Kontaktaufnahme mit dem Team für Chrome-Entwicklertools

Mit den folgenden Optionen kannst du die neuen Funktionen und Änderungen des Beitrags oder andere Aspekte der Entwicklertools besprechen.

  • Senden Sie uns über crbug.com einen Vorschlag oder Feedback.
  • Melde ein Problem mit den Entwicklertools über Weitere Optionen   Mehr   > Hilfe > Probleme mit den Entwicklertools melden in den Entwicklertools.
  • Twittern Sie unter @ChromeDevTools.
  • Hinterlasse Kommentare in den YouTube-Videos mit den Neuerungen in den Entwicklertools oder in YouTube-Videos mit Tipps zu den Entwicklertools.

Neu in den Entwicklertools

Eine Liste mit allen Themen der Reihe Neuerungen bei den Entwicklertools

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 wurde gekündigt.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59