Cookie Consent by Free Privacy Policy Generator ๐Ÿ“Œ What's New in DevTools (Chrome 113)

๐Ÿ  Team IT Security News

TSecurity.de ist eine Online-Plattform, die sich auf die Bereitstellung von Informationen,alle 15 Minuten neuste Nachrichten, Bildungsressourcen und Dienstleistungen rund um das Thema IT-Sicherheit spezialisiert hat.
Ob es sich um aktuelle Nachrichten, Fachartikel, Blogbeitrรคge, Webinare, Tutorials, oder Tipps & Tricks handelt, TSecurity.de bietet seinen Nutzern einen umfassenden รœberblick รผber die wichtigsten Aspekte der IT-Sicherheit in einer sich stรคndig verรคndernden digitalen Welt.

16.12.2023 - TIP: Wer den Cookie Consent Banner akzeptiert, kann z.B. von Englisch nach Deutsch รผbersetzen, erst Englisch auswรคhlen dann wieder Deutsch!

Google Android Playstore Download Button fรผr Team IT Security



๐Ÿ“š What's New in DevTools (Chrome 113)


๐Ÿ’ก Newskategorie: Programmierung
๐Ÿ”— Quelle: developer.chrome.com

Interested in helping improve DevTools? Sign up to participate in Google User Research here.

No 'What's new in DevTools' video for this release. Check out the latest DevTools Tips video: What are source maps?.

Override network response headers

You can now override response headers in the Network panel. Previously, you needed access to the web server to experiment with HTTP response headers.

With response header overrides, you can locally prototype fixes for various headers, including but not limited to:

To override a header, navigate to Network > Headers > Response Headers, hover over a header's value, click Edit. and edit it.

CORS error fixed by a header override.

You can also add custom headers.

Adding a custom header.

To edit all overrides in a single place, edit the .headers file in Sources > Overrides. There, you can also click Add override rule to override multiple requests using wildcards (*).

Editing all overrides.

Chromium issue: 1288023.

Nuxt, Vite, and Rollup debugging improvements

To help you pinpoint issues quicker during debugging, the enhanced stack trace now hides frames that come from sources generated by Nuxt 3.3 or later. DevTools skips such frames:

  • In Console traces, under the Show N more frames link.
  • In Sources > Call Stack, under Checkbox.Show ignore-listed frames.
The stack trace before and after enabling third-party ignore-listing.

To bring you these improvements, the DevTools, Nuxt, Vite, and Rollup teams collaborated to adopt the x_google_ignoreList source map extension:

The DevTools team would like to express gratitude to the Nuxt, Vite, and Rollup teams for making this possible. We appreciate your efforts and collaboration, which were essential to the success of this implementation. Thank you again for your contributions!

Assertions in Recorder

The Recorder panel now lets you add assertions right during recording, with all the runtime data available to you.

To add an assertion, start a new recording, interact with your page, and click Add assertion. The Recorder inserts a step with the waitForElement type that you can customize on the fly. Watch the video to see assertions in action on the coffee cart demo.

This video shows you how to assert:

  • HTML attributes, for example, an element's class
  • JavaScript properties, for example, .innerText

Both are specified in JSON. You can also configure steps to assert, for example, conditional statements in JavaScript, number of node's children (count), element visibility, and more. For more information, see Configure steps.

Additionally, the Recorder now remembers your preferred script format in the side-by-side code view and right-click step menu.

Chromium issue: 1423624.

CSS improvements in Elements > Styles

Invalid CSS properties and values

To help you diagnose CSS issues faster, the Styles pane now crosses out:

  • An entire CSS declaration (property and value) when the CSS property is invalid.
  • Just the value when the CSS property is valid but the value is invalid.
Invalid property name and invalid property value.

The DevTools team would like to express gratitude to Yisi for landing this improvement.

Links to key frames in the animation shorthand property

The animation shorthand CSS property now contains links to the corresponding @keyframes at-rules, so you can navigate the Styles pane faster.

Links to key frames in the animation shorthand property.

Chromium issue: 1420656.

New Console setting: Autocomplete on Enter

Starting with the previous version (112), you can configure the DevTools Console to apply an autocomplete suggestion when you press Enter.

By default, to accept an autocomplete suggestion, you can press Tab or Arrow right. To also autocomplete with Enter, enable Settings.Settings > Console > Checkbox.Accept autocomplete suggestion on Enter.

The corresponding checkbox in Settings.

Additionally, the text of another setting is now more user-friendly: Checkbox.Treat code evaluation as user action.

Chromium issue: 1276960.

Command Menu emphasizes authored files

The quick open dialog in the Command Menu now grays out the ignore-listed third-party files to put more emphasis on the files you authored.

An ignore-listed script in the quick open dialog before and after the change.

Chromium issue: 1424345.

JavaScript Profiler deprecation: Stage two

As early as Chrome 58, the DevTools team planned to eventually deprecate the JavaScript Profiler and have Node.js and Deno developers use the Performance panel for profiling JavaScript CPU performance.

DevTools version 113 starts phase two of the four-phase JavaScript Profiler deprecation. During this phase, you can still open the panel but its UI is no longer available.

To profile CPU performance, click Go to Performance panel.

JavaScript Profiler deprecation.

Chromium issue: 1354548.

Miscellaneous highlights

These are some noteworthy fixes in this release:

  • Fixed a bug that caused pretty-printing in the Sources panel to handle variable names with Unicode characters incorrectly (1425055).
  • The Issues tab added a new message for Autofill issues regarding non-standard HTML values (1399414).

Download the preview channels

Consider using the Chrome Canary, Dev or Beta as your default development browser. These preview channels give you access to the latest DevTools features, test cutting-edge web platform APIs, and find issues on your site before your users do!

Getting in touch with the Chrome DevTools team

Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.

  • Submit a suggestion or feedback to us via crbug.com.
  • Report a DevTools issue using the More options ย  More ย  > Help > Report a DevTools issues in DevTools.
  • Tweet at @ChromeDevTools.
  • Leave comments on our What's new in DevTools YouTube videos or DevTools Tips YouTube videos.

What's New in DevTools

A list of everything that has been covered in the What's New In DevTools series.

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 was cancelled.

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

...



๐Ÿ“Œ What's New in DevTools (Chrome 113)


๐Ÿ“ˆ 39.57 Punkte

๐Ÿ“Œ Whatโ€™s new in DevTools: Network, Console, Wasm (Chrome 113-115)


๐Ÿ“ˆ 39.57 Punkte

๐Ÿ“Œ Different ways to open Chrome DevTools | DevTools Tips


๐Ÿ“ˆ 34.27 Punkte

๐Ÿ“Œ CVE-2015-6088 | Microsoft Edge ASLR information disclosure (MS15-113 / MS15-113)


๐Ÿ“ˆ 34.25 Punkte

๐Ÿ“Œ CVE-2015-6078 | Microsoft Edge memory corruption (MS15-113 / MS15-113)


๐Ÿ“ˆ 34.25 Punkte

๐Ÿ“Œ CVE-2015-6073 | Microsoft Edge memory corruption (MS15-113 / MS15-113)


๐Ÿ“ˆ 34.25 Punkte

๐Ÿ“Œ CVE-2015-6064 | Microsoft Edge memory corruption (MS15-113 / MS15-113)


๐Ÿ“ˆ 34.25 Punkte

๐Ÿ“Œ Discover CSS issues with DevTools | DevTools Tips


๐Ÿ“ˆ 29.78 Punkte

๐Ÿ“Œ DevTools Tips: Source maps in DevTools


๐Ÿ“ˆ 29.78 Punkte

๐Ÿ“Œ DevTools Tips: How to emulate CSS user preference media features with DevTools


๐Ÿ“ˆ 29.78 Punkte

๐Ÿ“Œ DevTools Tips: Different ways to open DevTools


๐Ÿ“ˆ 29.78 Punkte

๐Ÿ“Œ DevTools Tips: Faster DevTools navigation


๐Ÿ“ˆ 29.78 Punkte

๐Ÿ“Œ Debugging PWA with DevTools | DevTools Tips


๐Ÿ“ˆ 29.78 Punkte

๐Ÿ“Œ Google Chrome prior 61.0.3163.113 on Chrome OS Stateful Recovery HTML Page Symlink privilege escalation


๐Ÿ“ˆ 26.11 Punkte

๐Ÿ“Œ Google Chrome prior 61.0.3163.113 on Chrome OS Crash Reporting HTML Page Symlink privilege escalation


๐Ÿ“ˆ 26.11 Punkte

๐Ÿ“Œ Google Chrome prior 61.0.3163.113 on Chrome OS Crosh HTML Page command injection


๐Ÿ“ˆ 26.11 Punkte

๐Ÿ“Œ What's New in WebGPU (Chrome 113)


๐Ÿ“ˆ 24.68 Punkte

๐Ÿ“Œ New in Chrome 113: WebGPU is here, First-Party Sets are rolling out, and more!


๐Ÿ“ˆ 24.68 Punkte

๐Ÿ“Œ Google Chrome vor 48.0.2564.109 Developer Tools chrome-devtools-frontend.appspot.com remoteBase erweiterte Rechte


๐Ÿ“ˆ 23.88 Punkte

๐Ÿ“Œ Google Chrome vor 48.0.2564.109 Developer Tools chrome-devtools-frontend.appspot.com remoteBase erweiterte Rechte


๐Ÿ“ˆ 23.88 Punkte

๐Ÿ“Œ Google Chrome prior 48.0.2564.109 Developer Tools chrome-devtools-frontend.appspot.com remoteBase privilege escalation


๐Ÿ“ˆ 23.88 Punkte

๐Ÿ“Œ Chrome 60 - What's New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 59 - What's New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 75 - Whatโ€™s New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 74 - Whatโ€™s New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 73 - Whatโ€™s New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 72 - Whatโ€™s New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 71 - Whatโ€™s New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 70 - Whatโ€™s New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 68 - What's New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 67 - What's New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 66 - What's New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 65 - What's New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 64 - What's New in DevTools


๐Ÿ“ˆ 22.45 Punkte

๐Ÿ“Œ Chrome 63 - What's New in DevTools


๐Ÿ“ˆ 22.45 Punkte











matomo