-
Notifications
You must be signed in to change notification settings - Fork 510
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2984 from MicrosoftDocs/user/leahtu/whats-new-119
What's New 119
- Loading branch information
Showing
6 changed files
with
74 additions
and
4 deletions.
There are no files selected for viewing
Binary file added
BIN
+229 KB
...ide-chromium/whats-new/2023/11/devtools-119-images/dark-text-color-on-pills.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+102 KB
...m/whats-new/2023/11/devtools-119-images/visible-tree-item-application-panel.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
66 changes: 66 additions & 0 deletions
66
microsoft-edge/devtools-guide-chromium/whats-new/2023/11/devtools-119.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,66 @@ | ||
--- | ||
title: What's new in DevTools (Microsoft Edge 119) | ||
description: "Increased text color contrast for Error pills (badges) in the Issues tool. Increased text color contrast for tree items on the left side of the Application tool. And more." | ||
author: MSEdgeTeam | ||
ms.author: msedgedevrel | ||
ms.topic: conceptual | ||
ms.prod: microsoft-edge | ||
ms.date: 11/02/2023 | ||
--- | ||
# What's New in DevTools (Microsoft Edge 119) | ||
|
||
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)] | ||
|
||
|
||
<!-- ====================================================================== --> | ||
## Increased text color contrast for Error pills (badges) in the Issues tool | ||
|
||
Before Microsoft Edge 119, users with low vision might face difficulties with the color contrast ratio for the orange oval **Error** pills (or badges) in the **Issues** tool. The contrast ratio between the foreground color and background color has been increased, to meet the Web Content Accessibility Guidelines for minimum contrast: | ||
|
||
![Updated text color for orange oval error pills (or badges) in the Issues tool](./devtools-119-images/dark-text-color-on-pills.png) | ||
|
||
See also: | ||
* [Contrast (Minimum)](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html) | ||
* [Find and fix problems using the Issues tool](../../../issues/index.md) | ||
|
||
|
||
<!-- ====================================================================== --> | ||
## Increased text color contrast for tree items on the left side of the Application tool | ||
|
||
While navigating or hovering over a tree item in the left part of the **Application** tool, the tree item wasn't clearly visible, which might impact users with low vision, or keyboard users. The text color is now darker, and the tree item is now clearly visible when selected: | ||
|
||
![Updated text color for tree items in the Application tool](./devtools-119-images/visible-tree-item-application-panel.png) | ||
|
||
See also: | ||
* [Application tool, to manage storage](../../../storage/application-tool.md) | ||
|
||
|
||
<!-- ====================================================================== --> | ||
## Announcements from the Chromium project | ||
|
||
Microsoft Edge 119 also includes the following updates from the Chromium project: | ||
|
||
* [Improved @property section in Elements > Styles](https://developer.chrome.com/blog/new-in-devtools-119#css) | ||
* [Editable @property rule](https://developer.chrome.com/blog/new-in-devtools-119#edit-property) | ||
* [Issues with invalid @property rules are reported](https://developer.chrome.com/blog/new-in-devtools-119#property-issues) | ||
* [Updated list of devices to emulate](https://developer.chrome.com/blog/new-in-devtools-119#devices) | ||
* [Pretty-print inline JSON in script tags in Sources](https://developer.chrome.com/blog/new-in-devtools-119#sources) | ||
* [Autocomplete private fields in Console](https://developer.chrome.com/blog/new-in-devtools-119#autocomplete-console) | ||
* [Accessibility improvements](https://developer.chrome.com/blog/new-in-devtools-119#accessibility) | ||
* [Web SQL deprecation](https://developer.chrome.com/blog/new-in-devtools-119#web-sql) | ||
* [Screenshot aspect ratio validation in Application > Manifest](https://developer.chrome.com/blog/new-in-devtools-119#manifest-aspect-ratio) | ||
|
||
|
||
<!-- ====================================================================== --> | ||
<!-- uncomment if content is copied from developer.chrome.com to this page --> | ||
|
||
<!-- > [!NOTE] | ||
> Portions of this page are modifications based on work created and [shared by Google](https://developers.google.com/terms/site-policies) and used according to terms described in the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0). | ||
> The original page for announcements from the Chromium project is [What's New in DevTools (Chrome 119)](https://developer.chrome.com/blog/new-in-devtools-119) and is authored by [Sofia Emelianova](https://developers.google.com/web/resources/contributors) (Senior Technical Writer working on Chrome DevTools at Google). --> | ||
|
||
|
||
<!-- ====================================================================== --> | ||
<!-- uncomment if content is copied from developer.chrome.com to this page --> | ||
|
||
<!-- [![Creative Commons License](../../../../media/cc-logo/88x31.png)](https://creativecommons.org/licenses/by/4.0) | ||
This work is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0). --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters