Neuerungen in den Entwicklertools (Chrome 108)

Jecelyn Yeen

Hinweise für inaktive Preisvergleichsportal-Properties

Die Entwicklertools erkennen jetzt CSS-Stile, die gültig, aber keinen sichtbaren Effekt haben. Im Bereich Styles werden die inaktiven Properties in den Entwicklertools ausgeblendet. Wenn Sie den Mauszeiger auf das Symbol daneben bewegen, sehen Sie, warum die Regel keine sichtbare Wirkung hat.

Hinweise für inaktive CSS-Properties.

Chromium-Problem: 1178508

XPath und Textauswahlen im Rekorder-Steuerfeld automatisch erkennen

Das Steuerfeld Rekorder unterstützt jetzt XPath und Textselektoren. Beginnen Sie mit der Aufzeichnung eines Nutzerflusses, und der Rekorder wählt automatisch den XPath und den kürzesten eindeutigen Text eines Elements als Selektor aus (falls verfügbar).

XPath- und Textauswahlen im Rekorder-Steuerfeld

Chromium-Probleme: 1327206,1327209

Durch Kommas getrennte Ausdrücke

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

Gehen Sie die einzelnen Ausdrücke durch.

Bisher wurde in den Entwicklertools nur das Abstufen von durch Semikolon getrennten Ausdrücken unterstützt.

Anhand des Codes unten

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 sorgt für Verwirrung bei der Fehlerbehebung, da das Schrittverhalten für minimierten und erstellten Code unterschiedlich ist. Es ist noch verwirrend, wenn Source Maps zum Debuggen des reduzierten Codes in Bezug auf den ursprünglichen Code verwendet werden, da der Entwickler dann die Semikolons betrachtet, die von der Toolchain in Kommas umgewandelt wurden, der Debugger aber nicht bei ihnen stoppt.

Chromium-Problem: 1370200

Verbesserte Einstellung für die Ignorierliste

Gehen Sie zu Einstellungen > Ignorieren-Liste. Die Entwicklertools haben das Design verbessert, damit Sie die Regeln so konfigurieren können, dass einzelne Skripts oder Skriptmuster ignoriert werden.

Der Tab „Ignorieren-Liste“

Chromium-Problem: 1356517

Sonstige Highlights

Dies sind einige bemerkenswerte Korrekturen in dieser Version:

  • Durch Drücken der Leertaste wird der Name der CSS-Eigenschaft im Bereich Styles automatisch vervollständigt. 1343316
  • Entfernen Sie das automatische Scrollen im Navigationspfad des Steuerfelds Element. (1369734)

Vorschaukanäle herunterladen

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

Chrome-Entwicklertools-Team kontaktieren

Verwende die folgenden Optionen, um die neuen Funktionen und Änderungen im Beitrag oder andere Themen im Zusammenhang mit den Entwicklertools zu besprechen.

  • Sende uns über crbug.com Vorschläge oder Feedback.
  • Wenn du ein Problem mit den Entwicklertools melden möchtest, klicke in den Entwicklertools auf Weitere Optionen   Mehr   > Hilfe > Probleme mit den Entwicklertools melden.
  • Senden Sie einen Tweet an @ChromeDevTools.
  • Hinterlasse Kommentare zu den Neuheiten in den Entwicklertools YouTube-Videos oder YouTube-Videos in den Entwicklertools-Tipps.

Neu in den Entwicklertools

Hier finden Sie eine Liste aller Neuerungen in den Entwicklertools, die behandelt wurden.

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 Erste Schritte

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 abgebrochen.

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