diff --git a/.vscode/dictionaries/code-entities.txt b/.vscode/dictionaries/code-entities.txt index 4a8c5eae7b7fc50..6422154d7d43853 100644 --- a/.vscode/dictionaries/code-entities.txt +++ b/.vscode/dictionaries/code-entities.txt @@ -594,6 +594,7 @@ reflectionchange removestream replacewithcommas replacewithspaces +RFCOMM RGBX RGUI richlistbox diff --git a/files/en-us/glossary/source_map/index.md b/files/en-us/glossary/source_map/index.md new file mode 100644 index 000000000000000..b7baf1643909194 --- /dev/null +++ b/files/en-us/glossary/source_map/index.md @@ -0,0 +1,20 @@ +--- +title: Source map +slug: Glossary/Source_map +page-type: glossary-definition +--- + +{{GlossarySidebar}} + +A **source map** is a file that maps between minified or transformed code received by the browser and its original unmodified form, allowing the original code to be reconstructed and used when debugging. + +The JavaScript code executed by the browser has often been transformed in some way from the original source created by a developer. +For example, sources are often combined and minified to make delivering them from the server more efficient. +Additionally, JavaScript running on a page is often machine-generated, such as compiled from a language like TypeScript. + +In these situations, debugging the original source is much easier than the source in the transformed state that the browser has downloaded. + +## See also + +- HTTP {{HTTPHeader("SourceMap")}} response header +- [Firefox Developer Tools: using a source map](https://firefox-source-docs.mozilla.org/devtools-user/debugger/how_to/use_a_source_map/index.html) diff --git a/files/en-us/learn_web_development/core/scripting/dom_scripting/index.md b/files/en-us/learn_web_development/core/scripting/dom_scripting/index.md index 3be71584b49f133..ad122e0bea2f956 100644 --- a/files/en-us/learn_web_development/core/scripting/dom_scripting/index.md +++ b/files/en-us/learn_web_development/core/scripting/dom_scripting/index.md @@ -87,7 +87,7 @@ Nodes are also referred to by their position in the tree relative to other nodes - **Child node**: A node _directly_ inside another node. For example, `IMG` is a child of `SECTION` in the above example. - **Descendant node**: A node _anywhere_ inside another node. For example, `IMG` is a child of `SECTION` in the above example, and it is also a descendant. `IMG` is not a child of `BODY`, as it is two levels below it in the tree, but it is a descendant of `BODY`. - **Parent node**: A node which has another node inside it. For example, `BODY` is the parent node of `SECTION` in the above example. -- **Sibling nodes**: Nodes that sit on the same level in the DOM tree. For example, `IMG` and `P` are siblings in the above example. +- **Sibling nodes**: Nodes that sit on the same level under the same parent node in the DOM tree. For example, `IMG` and `P` are siblings in the above example. It is useful to familiarize yourself with this terminology before working with the DOM, as a number of the code terms you'll come across make use of them. You'll also come across them in CSS (e.g. descendant selector, child selector). diff --git a/files/en-us/mdn/community/communication_channels/index.md b/files/en-us/mdn/community/communication_channels/index.md index 39beb0775f7016b..9c8406a2fc9a10a 100644 --- a/files/en-us/mdn/community/communication_channels/index.md +++ b/files/en-us/mdn/community/communication_channels/index.md @@ -43,7 +43,7 @@ Check out the MDN-specific [discussion guidelines](/en-US/docs/MDN/Community/Dis ## Social media -You can follow MDN Web Docs on [Mastodon](https://mozilla.social/@mdn) and [X](https://x.com/MozDevNet). +You can follow MDN Web Docs on [Mastodon](https://mastodon.social/@mdn) and [X](https://x.com/MozDevNet). Feel free to tag us in your posts if you want to share something with us or say hello, although we can't guarantee that we can respond to everything. ## Forums diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onupdated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onupdated/index.md index b0e61c374f570b7..3e042bfaa0f9073 100644 --- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onupdated/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onupdated/index.md @@ -141,11 +141,11 @@ browser.tabs.onUpdated.addListener(handleUpdated); ### Filtering examples -Log changes only to tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mozilla.social/@mdn`: +Log changes only to tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mastodon.social/@mdn`: ```js const pattern1 = "https://developer.mozilla.org/*"; -const pattern2 = "https://mozilla.social/@mdn"; +const pattern2 = "https://mastodon.social/@mdn"; const filter = { urls: [pattern1, pattern2], @@ -176,11 +176,11 @@ function handleUpdated(tabId, changeInfo, tabInfo) { browser.tabs.onUpdated.addListener(handleUpdated, filter); ``` -Combine both the previous filters, log only when the `pinned` property of tabs changes for tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mozilla.social/@mdn`: +Combine both the previous filters, log only when the `pinned` property of tabs changes for tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mastodon.social/@mdn`: ```js const pattern1 = "https://developer.mozilla.org/*"; -const pattern2 = "https://mozilla.social/@mdn"; +const pattern2 = "https://mastodon.social/@mdn"; const filter = { urls: [pattern1, pattern2], @@ -196,11 +196,11 @@ function handleUpdated(tabId, changeInfo, tabInfo) { browser.tabs.onUpdated.addListener(handleUpdated, filter); ``` -Log changes only when the `pinned` property of tabs changes for tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mozilla.social/@mdn` where the tab was part of the current browser window when the update event fired: +Log changes only when the `pinned` property of tabs changes for tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mastodon.social/@mdn` where the tab was part of the current browser window when the update event fired: ```js const pattern1 = "https://developer.mozilla.org/*"; -const pattern2 = "https://mozilla.social/@mdn"; +const pattern2 = "https://mastodon.social/@mdn"; const filter = { urls: [pattern1, pattern2], diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncompleted/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncompleted/index.md index 56a729a6aa40c80..fb6ca5345efc0cc 100644 --- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncompleted/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncompleted/index.md @@ -7,7 +7,7 @@ browser-compat: webextensions.api.webNavigation.onCompleted {{AddonSidebar}} -Fired when a document, including the resources it refers to, is completely loaded and initialized. This is equivalent to the DOM [`load`](/en-US/docs/Web/API/Window/load_event) event. +Fired when a document, including the resources it refers to, is completely loaded and initialized. This is equivalent to the window [`load`](/en-US/docs/Web/API/Window/load_event) event. ## Syntax diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md index 0400366fa6ddb47..2e0396c77f07e94 100644 --- a/files/en-us/mozilla/firefox/experimental_features/index.md +++ b/files/en-us/mozilla/firefox/experimental_features/index.md @@ -265,48 +265,6 @@ The {{cssxref("initial-letter")}} CSS property is part of the [CSS Inline Layout -### `from` keyword for relative colors - -The `from` keyword is now parsed as valid CSS syntax when the `layout.css.relative-color-syntax.enabled` preference is set to `true`. -Although this keyword currently has no effect, it will not produce syntax errors when used in valid places in CSS color functions, thereby supporting the ongoing work on [relative colors](/en-US/docs/Web/CSS/CSS_colors/Relative_colors). -See [Firefox bug 1889133](https://bugzil.la/1889133) for more details. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly126No
Developer Edition126No
Beta126No
Release126No
Preference namelayout.css.relative-color-syntax.enabled
- ### Single numbers as aspect ratio in media queries Support for using a single {{cssxref("number")}} as a {{cssxref("ratio")}} when specifying the aspect ratio for a [media query](/en-US/docs/Web/CSS/CSS_media_queries). (See [Firefox bug 1565562](https://bugzil.la/1565562) for more details.) @@ -347,46 +305,6 @@ Support for using a single {{cssxref("number")}} as a {{cssxref("ratio")}} when -### backdrop-filter property - -The {{cssxref("backdrop-filter")}} property applies filter effects to the area behind an element. (See [Firefox bug 1178765](https://bugzil.la/1178765) for more details.) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly70No
Developer Edition70No
Beta70No
Release70No
Preference namelayout.css.backdrop-filter.enabled
- ### fit-content() function The {{cssxref("fit-content_function", "fit-content()")}} function as it applies to {{cssxref("width")}} and other sizing properties. This function is already well-supported for CSS Grid Layout track sizing. (See [Firefox bug 1312588](https://bugzil.la/1312588) for more details.) @@ -515,47 +433,6 @@ The [@scope](/en-US/docs/Web/CSS/@scope) [CSS](/en-US/docs/Web/CSS) [at-rule](/e -### @font-face src feature checking - -The `@font-face` [`src` descriptor](/en-US/docs/Web/CSS/@font-face/src) now supports the `tech()` function, allowing fallback of whether a font resource is downloaded based on whether the user-agent supports a particular font feature or technology. -See [Firefox bug 1715546](https://bugzil.la/1715546) for more details. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly105Yes
Developer Edition105No
Beta105No
Release105No
Preference namelayout.css.font-tech.enabled
- ### font-variant-emoji property The CSS [`font-variant-emoji`](/en-US/docs/Web/CSS/font-variant-emoji) property allows you to set a default presentation style for displaying emojis. @@ -597,47 +474,6 @@ See ([Firefox bug 1461589](https://bugzil.la/1461589)) for more details. -### page-orientation descriptor - -The **`page-orientation`** [CSS](/en-US/docs/Web/CSS) descriptor for the {{cssxref("@page")}} at-rule controls the rotation of a printed page. It handles the flow of content across pages when the orientation of a page is changed. This behavior differs from the [`size`](/en-US/docs/Web/CSS/@page/size) descriptor in that a user can define the direction in which to rotate the page. -See ([Firefox bug 1673987](https://bugzil.la/1673987)) for more details. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly111Yes
Developer Edition111No
Beta111No
Release111No
Preference namelayout.css.page-orientation.enabled
- ### prefers-reduced-transparency media feature The CSS [`prefers-reduced-transparency`](/en-US/docs/Web/CSS/@media/prefers-reduced-transparency) media feature lets you detect if a user has enabled the setting to minimize the amount of transparent or translucent layer effects on their device. @@ -804,97 +640,11 @@ See ([Firefox bug 1808410](https://bugzil.la/1808410)) for more details. -### zoom property - -The non-standard CSS {{cssxref("zoom")}} property is enabled in the Nightly release and lets you magnify an element similar to the {{cssxref("transform")}} property, but it affects the layout size of the element. -See ([Firefox bug 1855763](https://bugzil.la/1855763) and [Firefox bug 390936](https://bugzil.la/390936)) for more details. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly120Yes
Developer Edition120No
Beta120No
Release120No
Preference name - layout.css.zoom.enabled -
- -To ensure compatibility with these changes, the [Vendor-prefixed transform properties](#vendor-prefixed_transform_properties) and the [Vendor-prefixed transition properties](#vendor-prefixed_transition_properties) are disabled in the Nightly release. -These changes are described in the following sections. - -### text-wrap: balance & stable values - -The [`text-wrap`](/en-US/docs/Web/CSS/text-wrap) CSS property values `balance` and `stable` allow the layout of short content to be wrapped in a balanced manner and for editable content to not reflow while the user is editing it, respectively. -(See [Firefox bug 1731541](https://bugzil.la/1731541) for more details.) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly120Yes
Developer Edition120No
Beta120No
Release120No
Preference namelayout.css.text-wrap-balance.enabled, layout.css.text-wrap-balance.limit, layout.css.text-wrap-balance-after-clamp.enabled
- ### Vendor-prefixed transform properties -The `-moz-` prefixed [CSS transform](/en-US/docs/Web/CSS/CSS_transforms) properties have been disabled in the Nightly release via the `layout.css.prefixes.transforms` preference being set to `false`. ([Firefox bug 1855763](https://bugzil.la/1855763)). -Specifically, the disabled properties are: +The `-moz-` prefixed [CSS transform](/en-US/docs/Web/CSS/CSS_transforms) properties can be disabled by setting the `layout.css.prefixes.transforms` preference to `false`. The intent is to disable these once the standard CSS zoom properties are well supported. ([Firefox bug 1886134](https://bugzil.la/1886134), [Firefox bug 1855763](https://bugzil.la/1855763)). + +Specifically, this preference will disable the following prefixed properties: - `-moz-backface-visibility` - `-moz-perspective` @@ -915,57 +665,8 @@ Specifically, the disabled properties are: Nightly 120 - No - - - Developer Edition - 120 Yes - - Beta - 120 - Yes - - - Release - 120 - Yes - - - Preference name - - layout.css.prefixes.transforms - - - - - -### Vendor-prefixed transition properties - -The `-moz-` prefixed [CSS transitions](/en-US/docs/Web/CSS/CSS_transitions) properties have been disabled in the Nightly release via the `layout.css.prefixes.transitions` preference being set to `false`. ([Firefox bug 1855763](https://bugzil.la/1855763)). -Specifically, the disabled properties are: - -- `-moz-transition` -- `-moz-transition-delay` -- `-moz-transition-duration` -- `-moz-transition-property` -- `-moz-transition-timing-function` - - - - - - - - - - - - - - - @@ -984,7 +685,7 @@ Specifically, the disabled properties are: @@ -1076,46 +777,6 @@ For more details, see [Firefox bug 1823463](https://bugzil.la/1823463) for the `
Release channelVersion addedEnabled by default?
Nightly120No
Developer Edition 120
Preference name - layout.css.prefixes.transitions + layout.css.prefixes.transforms
-### `@starting-style` at-rule - -The CSS [`@starting-style`](/en-US/docs/Web/CSS/@starting-style) at-rule allows you to set the starting styles of an element for a CSS transition, when the element has no default initial style. This is particularly useful for elements that are hidden from view on the first paint such as [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) or ['dialog'](/en-US/docs/Web/HTML/Element/dialog). Does not yet support animating from `display: none`. For more details, see [Firefox bug 1834876](https://bugzil.la/1834876) and [Firefox bug 1834877](https://bugzil.la/1834877). - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly127Yes
Developer Edition127No
Beta127No
Release127No
Preference namelayout.css.starting-style-at-rules.enabled
- ### Symmetrical `letter-spacing` The CSS {{cssxref("letter-spacing")}} property now splits the specified letter spacing evenly on both sides of each character. This is unlike the current behavior where spacing is added primarily to one side. This approach can improve text spacing, especially in mixed-directional text [Firefox bug 1891446](https://bugzil.la/1891446). @@ -1136,8 +797,8 @@ The CSS {{cssxref("letter-spacing")}} property now splits the specified letter s Developer Edition - 127 - No + 128 + Yes Beta @@ -1778,93 +1439,8 @@ Permitted values are: Firefox supports [JPEG XL](https://jpeg.org/jpegxl/) images if this feature is enabled. See [Firefox bug 1539075](https://bugzil.la/1539075) for more details. -Note that, as shown below, the feature is only available on Nightly builds (irrespective of whether the preference is set). - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly90No
Developer Edition——
Beta——
Release——
Preference nameimage.jxl.enabled
- -### OpenFont COLRv1 fonts - -This feature provides support for the [OpenFont COLRv1 font specification](https://learn.microsoft.com/en-us/typography/opentype/spec/). -This enables compression-friendly color vector fonts with gradients, compositing and blending to be loaded using the CSS [`@font-face`](/en-US/docs/Web/CSS/@font-face) rule, or the [CSS Font Loading API](/en-US/docs/Web/API/CSS_Font_Loading_API). -See [Firefox bug 1740530](https://bugzil.la/1740530) for more details. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly105No
Developer Edition105No
Beta105No
Release105No
Preference namegfx.font_rendering.colr_v1.enabled
- -### CSS Custom Highlight API - -The [CSS Custom Highlight API](/en-US/docs/Web/API/CSS_Custom_Highlight_API) provides a mechanism for styling arbitrary text ranges in a document (generalizing the behavior of other highlight pseudo-elements such as {{cssxref('::selection')}}, {{cssxref('::spelling-error')}}, {{cssxref('::grammar-error')}}, and {{cssxref('::target-text')}}). -The ranges are defined in JavaScript using [`Range`](/en-US/docs/Web/API/Range) instances grouped in a [`Highlight`](/en-US/docs/Web/API/Highlight), and then registered with a name using [`HighlightRegistry`](/en-US/docs/Web/API/HighlightRegistry). -The CSS [`::highlight`](/en-US/docs/Web/CSS/::highlight) pseudo-element is used to apply styles to a registered highlight. -See [Firefox bug 1703961](https://bugzil.la/1703961) for more details. - +Note that, as shown below, the feature is only available on Nightly builds (irrespective of whether the preference is set). + @@ -1876,37 +1452,37 @@ See [Firefox bug 1703961](https://bugzil.la/1703961) for more details. - - + + - - + + - - + + - - + + - +
Nightly117Yes90No
Developer Edition117No——
Beta117No——
Release117No——
Preference namedom.customHighlightAPI.enabledimage.jxl.enabled
-### Service Workers - -#### Preloading of service worker resources on navigation +### CSS Custom Highlight API -The {{domxref("NavigationPreloadManager")}} interface can be used to enable preloading of resources when navigating to a page. -Preloading occurs in parallel with worker bootup, reducing the total time from start of navigation until resources are fetched. +The [CSS Custom Highlight API](/en-US/docs/Web/API/CSS_Custom_Highlight_API) provides a mechanism for styling arbitrary text ranges in a document (generalizing the behavior of other highlight pseudo-elements such as {{cssxref('::selection')}}, {{cssxref('::spelling-error')}}, {{cssxref('::grammar-error')}}, and {{cssxref('::target-text')}}). +The ranges are defined in JavaScript using [`Range`](/en-US/docs/Web/API/Range) instances grouped in a [`Highlight`](/en-US/docs/Web/API/Highlight), and then registered with a name using [`HighlightRegistry`](/en-US/docs/Web/API/HighlightRegistry). +The CSS [`::highlight`](/en-US/docs/Web/CSS/::highlight) pseudo-element is used to apply styles to a registered highlight. +See [Firefox bug 1703961](https://bugzil.la/1703961) for more details. @@ -1919,27 +1495,27 @@ Preloading occurs in parallel with worker bootup, reducing the total time from s - - + + - + - + - + - +
Nightly99yes117Yes
Developer Edition97117 No
Beta97117 No
Release97117 No
Preference namedom.serviceWorkers.navigationPreload.enableddom.customHighlightAPI.enabled
@@ -2035,46 +1611,6 @@ User selection via mouse, keyboard, and so on, can start and end anywhere in the -#### HTMLMediaElement method: setSinkId() - -{{domxref("HTMLMediaElement.setSinkId()")}} allows you to set the sink ID of an audio output device on an {{domxref("HTMLMediaElement")}}, thereby changing where the audio is being output. See [Firefox bug 934425](https://bugzil.la/934425) for more details. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly64No
Developer Edition64No
Beta64No
Release64No
Preference namemedia.setsinkid.enabled
- #### HTMLMediaElement properties: audioTracks and videoTracks Enabling this feature adds the {{domxref("HTMLMediaElement.audioTracks")}} and {{domxref("HTMLMediaElement.videoTracks")}} properties to all HTML media elements. However, because Firefox doesn't currently support multiple audio and video tracks, the most common use cases for these properties don't work, so they're both disabled by default. See [Firefox bug 1057233](https://bugzil.la/1057233) for more details. @@ -2419,7 +1955,7 @@ In order to help mitigate man-in-the-middle (MitM) attacks caused by Flash conte ### Insecure page labeling -These two preferences add a "Not secure" text label in the address bar next to the traditional lock icon when a page is loaded insecurely (that is, using {{Glossary("HTTP")}} rather than {{Glossary("HTTPS")}}). See [Firefox bug 1335970](https://bugzil.la/1335970) for more details. +The two `security.insecure_connection_text_*` preferences add a "Not secure" text label in the address bar next to the traditional lock icon when a page is loaded insecurely (that is, using {{Glossary("HTTP")}} rather than {{Glossary("HTTPS")}}). The `browser.urlbar.trimHttps` preference trims the `https:` prefix from address bar URLS. See [Firefox bug 1853418](https://bugzil.la/1853418) for more details. @@ -2432,8 +1968,8 @@ These two preferences add a "Not secure" text label in the address bar next to t - - + + @@ -2453,10 +1989,9 @@ These two preferences add a "Not secure" text label in the address bar next to t @@ -2507,93 +2042,6 @@ Note that supported policies can be set through the [`allow`](/en-US/docs/Web/HT
Nightly60No121Yes
Developer Edition
Preference name - security.insecure_connection_text.enabled for normal - browsing mode; - security.insecure_connection_text.pbmode.enabled for - private browsing mode + security.insecure_connection_text.enabled for normal browsing mode; + security.insecure_connection_text.pbmode.enabled for private browsing mode + browser.urlbar.trimHttps for trimming https prefix
-### Permissions API support for microphone and camera - -The [Permissions API](/en-US/docs/Web/API/Permissions_API) permissions `microphone` and `camera` are supported, allowing a web page to {{domxref("Permissions.query()", "query","", "nocode")}} whether access to the corresponding hardware has been granted, denied, or still requires user approval ([Firefox bug 1609427](https://bugzil.la/1609427), [Firefox bug 1915222](https://bugzil.la/1915222)). - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly131Yes
Developer Edition131Yes
Beta131Yes
Release131No
Preference name - permissions.media.query.enabled -
- -### Clear-Site-Data "cache" directive - -The [`Clear-Site-Data`](/en-US/docs/Web/HTTP/Headers/Clear-Site-Data) HTTP response header `cache` directive clears the browser cache for the requesting website. - -> [!NOTE] -> This was originally enabled by default, but put behind a preference in version 94 ([Firefox bug 1729291](https://bugzil.la/1729291)). - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly63No
Developer Edition63No
Beta63No
Release63No
Preference name - privacy.clearsitedata.cache.enabled -
- ### Privacy Preserving Attribution API (PPA) [PPA API](https://support.mozilla.org/en-US/kb/privacy-preserving-attribution) provides an alternative to user tracking for ad attribution using the new `navigator.privateAttribution` object with `saveImpression()` and `measureConversion()` methods. Read more about PPA [in the explainer](https://github.com/mozilla/explainers/tree/main/ppa-experiment). This experiment can be enabled for websites via [origin trial](https://wiki.mozilla.org/Origin_Trials) or in the browser by setting the preference to `1`. ([Firefox bug 1900929](https://bugzil.la/1900929)). @@ -2771,132 +2219,6 @@ For more details see [Firefox bug 1687364](https://bugzil.la/1687364). Mozilla's developer tools are constantly evolving. We experiment with new ideas, add new features, and test them on the Nightly and Developer Edition channels before letting them go through to beta and release. The features below are the current crop of experimental developer tool features. -### Execution context selector - -This feature displays a button on the console's command line that lets you change the context in which the expression you enter will be executed. (See [Firefox bug 1605154](https://bugzil.la/1605154) and [Firefox bug 1605153](https://bugzil.la/1605153) for more details.) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly75No
Developer Edition75No
Beta75No
Release75No
Preference namedevtools.webconsole.input.context
- -### Server-sent events in Network Monitor - -The Network Monitor displays information for [server-sent](/en-US/docs/Web/API/Server-sent_events) events. (See [Firefox bug 1405706](https://bugzil.la/1405706) for more details.) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly80Yes
Developer Edition80Yes
Beta80No
Release80No
Preference name - devtools.netmonitor.features.serverSentEvents -
- -### CSS browser compatibility tooltips - -The CSS Rules View can display browser compatibility tooltips next to any CSS properties that have known issues. For more information see: [Examine and edit HTML > Browser Compat Warnings](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_and_edit_css/index.html#browser-compat-warnings). - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Release channelVersion addedEnabled by default?
Nightly81No
Developer Edition81No
Beta81No
Release81No
Preference name - devtools.inspector.ruleview.inline-compatibility-warning.enabled -
- ## See also - [Firefox developer release notes](/en-US/docs/Mozilla/Firefox/Releases) diff --git a/files/en-us/mozilla/firefox/releases/132/index.md b/files/en-us/mozilla/firefox/releases/132/index.md index 7b8d51f40469e8d..f6f1f960f92f2a5 100644 --- a/files/en-us/mozilla/firefox/releases/132/index.md +++ b/files/en-us/mozilla/firefox/releases/132/index.md @@ -44,6 +44,7 @@ No notable changes - The {{domxref("Notification.silent")}} property is now supported, which controls whether system notifications should be silent. When `silent: true` is specified in the {{domxref("Notification.Notification", "Notification()")}} constructor, the resulting system notification is issued without accompanying sounds or vibrations, regardless of device settings ([Firefox bug 1809028](https://bugzil.la/1809028)). - The `fetchpriority` attribute of the {{htmlelement("link")}}, {{htmlelement("script")}}, and {{htmlelement("img")}} elements, the `fetchPriority` property of the {{domxref("HTMLLinkElement")}}, {{domxref("HTMLScriptElement")}}, and {{domxref("HTMLImageElement")}} interfaces, the [`options.priority`](/en-US/docs/Web/API/RequestInit#priority) parameter passed to the [`Request()` constructor](/en-US/docs/Web/API/Request/Request), and the `fetchpriority` directive in the HTTP {{httpheader("Link")}} header, are now supported. These allow developers to provide a hint about the relative priority for fetching a particular resource compared to other resources of the same type, and can be used alongside other ways of setting the priority, such as preloading. ([Firefox bug 1854077](https://bugzil.la/1854077)). - The {{domxref("CSSNestedDeclarations")}} interface and associated {{domxref("CSSNestedDeclarations.style")}} property are now supported ([Firefox bug 1918408](https://bugzil.la/1918408)). +- The `microphone` and `camera` [permissions](/en-US/docs/Web/API/Permissions_API) can now be used in the {{domxref("Permissions.query()")}} method to test whether access to the corresponding hardware has been granted, denied, or still requires user approval. ([Firefox bug 1609427](https://bugzil.la/1609427) and [Firefox bug 1915222](https://bugzil.la/1915222)). #### Media, WebRTC, and Web Audio diff --git a/files/en-us/web/api/ndefrecord/lang/index.md b/files/en-us/web/api/ndefrecord/lang/index.md index cc3d251e4df4f92..5c8bad51daa18d0 100644 --- a/files/en-us/web/api/ndefrecord/lang/index.md +++ b/files/en-us/web/api/ndefrecord/lang/index.md @@ -38,4 +38,4 @@ A string. ## See also - [HTML `lang` attribute](/en-US/docs/Web/HTML/Global_attributes/lang), that declares content language of the document or its elements -- HTTP headers that declare content language: {{HTTPHeader("Content-Language")}} and {{HTTPHEader("Accept-Language")}} +- HTTP headers that declare content language: {{HTTPHeader("Content-Language")}} and {{HTTPHeader("Accept-Language")}} diff --git a/files/en-us/web/api/serial/requestport/index.md b/files/en-us/web/api/serial/requestport/index.md index 59773fc8ad196b6..e6117e77ef2d429 100644 --- a/files/en-us/web/api/serial/requestport/index.md +++ b/files/en-us/web/api/serial/requestport/index.md @@ -95,7 +95,7 @@ connectBtn.addEventListener("click", () => { ### Allow the user to select custom RFCOMM-based services -Although most devices expose SPP-based communication through the standardized Bluetooth Classic Serial Port Profile, some use custom RFCOMM-based services. These devices have a Service Class ID that is not in the standard Bluetooth UUID range. +Although most devices expose SPP-based communication through the standardized Bluetooth Classic Serial Port Profile, some use custom radio frequency communication (RFCOMM) based services. These devices have a Service Class ID that is not in the standard Bluetooth UUID range. You need to pass the `allowedBluetoothServiceClassIds` list to `requestPort()` to access these custom RFCOMM-based services: diff --git a/files/en-us/web/api/svganimatedangle/animval/index.md b/files/en-us/web/api/svganimatedangle/animval/index.md new file mode 100644 index 000000000000000..400f79ea4ecb608 --- /dev/null +++ b/files/en-us/web/api/svganimatedangle/animval/index.md @@ -0,0 +1,48 @@ +--- +title: "SVGAnimatedAngle: animVal property" +short-title: animVal +slug: Web/API/SVGAnimatedAngle/animVal +page-type: web-api-instance-property +browser-compat: api.SVGAnimatedAngle.animVal +--- + +{{APIRef("SVG")}} + +The **`animVal`** read-only property of the {{domxref("SVGAnimatedAngle")}} interface represents the current animated value of the associated [``](/en-US/docs/Web/SVG/Content_type#angle) on an SVG element. If the attribute is not currently being animated, `animVal` will be the same as the `baseVal`. + +This property reflects the animated state of the angle of the animating {{SVGattr("orient")}} attribute of the SVG {{SVGElement("marker")}} element, providing access to the value of the angle during animations. + +## Value + +An {{domxref("SVGAngle")}} object representing the animated value of the [``](/en-US/docs/Web/SVG/Content_type#angle) content type. + +- If the angle is being animated, `animVal` will reflect the current animation state. +- If the angle is not animated, `animVal` will be identical to {{domxref("SVGAnimatedAngle.baseVal")}}. + +## Examples + +```js +const marker = document.querySelector("[orient]"); + +// Set an initial angle for the orient attribute +marker.setAttribute("orient", "45"); + +// Access the animated value of the angle +const animAngle = marker.orientAngle.animVal; // an SVGAngle object + +console.log(animAngle.value); // Output: 45 (current animated value of the angle) +console.log(animAngle.unitType); // Output: 2 (constant for SVG_ANGLETYPE_DEG) +``` + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{domxref("SVGAnimatedAngle.baseVal")}} +- {{domxref("SVGAngle")}} and [angle `value` constants](/en-US/docs/Web/API/SVGAngle#constants) diff --git a/files/en-us/web/api/svganimatedangle/baseval/index.md b/files/en-us/web/api/svganimatedangle/baseval/index.md new file mode 100644 index 000000000000000..1c4134ddb43983a --- /dev/null +++ b/files/en-us/web/api/svganimatedangle/baseval/index.md @@ -0,0 +1,46 @@ +--- +title: "SVGAnimatedAngle: baseVal property" +short-title: baseVal +slug: Web/API/SVGAnimatedAngle/baseVal +page-type: web-api-instance-property +browser-compat: api.SVGAnimatedAngle.baseVal +--- + +{{APIRef("SVG")}} + +The **`baseVal`** read-only property of the {{domxref("SVGAnimatedAngle")}} interface represents the base (non-animated) value of the associated [``](/en-US/docs/Web/SVG/Content_type#angle) on an SVG element. This property is used to retrieve the static value of the ``, unaffected by any ongoing animations. + +This property reflects the `` value of the {{SVGattr("orient")}} attribute of the SVG {{SVGElement("marker")}} element, which is the same as the {{domxref("SVGMarkerElement.orientAngle")}} property. + +## Value + +An {{domxref("SVGAngle")}} object representing the base value of the [``](/en-US/docs/Web/SVG/Content_type#angle) content type. + +- The value is unaffected by animations, representing the initial state of the angle. +- The unit type of the angle can be retrieved from {{domxref("SVGAngle.unitType")}}. + +## Examples + +```js +const marker = document.querySelector("[orient]"); + +// Set the orient attribute with an angle +marker.setAttribute("orient", "90"); +const baseAngle = marker.orientAngle.baseVal; // an SVGAngle object + +console.log(baseAngle.value); // Output: 90 +console.log(baseAngle.unitType); // Output: 1 (constant for SVG_ANGLETYPE_UNSPECIFIED) +``` + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{domxref("SVGAnimatedAngle.animVal")}} +- {{domxref("SVGAngle")}} and [angle `value` constants](/en-US/docs/Web/API/SVGAngle#constants) diff --git a/files/en-us/web/api/svganimatedangle/index.md b/files/en-us/web/api/svganimatedangle/index.md index bd9a3c12a6e783d..993def27c8c9777 100644 --- a/files/en-us/web/api/svganimatedangle/index.md +++ b/files/en-us/web/api/svganimatedangle/index.md @@ -60,14 +60,14 @@ The `SVGAnimatedAngle` interface is used for attributes of basic type [\] - baseVal + {{domxref("SVGAnimatedAngle.baseVal")}} {{ domxref("SVGAngle") }} The base value of the given attribute before applying any animations. - animVal + {{domxref("SVGAnimatedAngle.animVal")}} {{ domxref("SVGAngle") }} A read only {{ domxref("SVGAngle") }} representing the current diff --git a/files/en-us/web/api/svganimatedrect/animval/index.md b/files/en-us/web/api/svganimatedrect/animval/index.md new file mode 100644 index 000000000000000..3d437969d2cf0b3 --- /dev/null +++ b/files/en-us/web/api/svganimatedrect/animval/index.md @@ -0,0 +1,50 @@ +--- +title: "SVGAnimatedRect: animVal property" +short-title: animVal +slug: Web/API/SVGAnimatedRect/animVal +page-type: web-api-instance-property +browser-compat: api.SVGAnimatedRect.animVal +--- + +{{APIRef("SVG")}} + +The **`animVal`** read-only property of the {{domxref("SVGAnimatedRect")}} interface represents the current animated value of the `viewBox` attribute of an SVG element as a read-only {{domxref("DOMRectReadOnly")}} object. It provides access to the rectangle's dynamic state, including the `x`, `y`, `width`, and `height` values during the animation. + +If no animation is applied, the `animVal` property reflects the SVG element's {{SVGAttr("viewBox")}} attribute value and will be identical to {{domxref("SVGAnimatedRect.baseVal")}}. + +## Value + +A {{domxref("DOMRectReadOnly")}} object representing the animated value of the `viewBox` attribute. + +## Examples + +```html + + + +``` + +```js + const svgElement = document.getElementById("mySvg"); + const animatedRect = svgElement.viewBox.animVal; + + // Log the animated value (assuming an animation is applied) + console.log(animatedRect.x); + console.log(animatedRect.y); + console.log(animatedRect.width); + console.log(animatedRect.height); + +``` + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{SVGAttr("viewBox")}} +- {{domxref("DOMRectReadOnly")}} diff --git a/files/en-us/web/api/svganimatedrect/baseval/index.md b/files/en-us/web/api/svganimatedrect/baseval/index.md new file mode 100644 index 000000000000000..c7eea2560a3c767 --- /dev/null +++ b/files/en-us/web/api/svganimatedrect/baseval/index.md @@ -0,0 +1,49 @@ +--- +title: "SVGAnimatedRect: baseVal property" +short-title: baseVal +slug: Web/API/SVGAnimatedRect/baseVal +page-type: web-api-instance-property +browser-compat: api.SVGAnimatedRect.baseVal +--- + +{{APIRef("SVG")}} + +The **`baseVal`** read-only property of the {{domxref("SVGAnimatedRect")}} interface represents the current non-animated value of the `viewBox` attribute of an SVG element. + +This property reflects the SVG element's {{SVGAttr("viewBox")}} attribute value as a read-only {{domxref("DOMRect")}} object. It provides access to the static rectangle defined by the `viewBox` attribute, including the `x`, `y`, `width`, and `height` values. + +## Value + +A {{domxref("DOMRect")}} object representing the current non-animated value of the `viewBox` attribute. + +## Examples + +```html + + + +``` + +```js +const svgElement = document.getElementById("mySvg"); +const animatedRect = svgElement.viewBox.baseVal; + +// Access the non-animated base value +console.log(animatedRect.x); // 0 +console.log(animatedRect.y); // 0 +console.log(animatedRect.width); // 200 +console.log(animatedRect.height); // 100 +``` + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{SVGAttr("viewBox")}} +- {{domxref("DOMRect")}} diff --git a/files/en-us/web/api/svganimatedrect/index.md b/files/en-us/web/api/svganimatedrect/index.md index f8f8fa3950c953e..82e62ff27455177 100644 --- a/files/en-us/web/api/svganimatedrect/index.md +++ b/files/en-us/web/api/svganimatedrect/index.md @@ -58,14 +58,14 @@ The `SVGAnimatedRect` interface is used for attributes of basic {{ domxref("SVGR - baseVal + {{domxref("SVGAnimatedRect.baseVal")}} {{ domxref("SVGRect") }} The base value of the given attribute before applying any animations. - animVal + {{domxref("SVGAnimatedRect.animVal")}} {{ domxref("SVGRect") }} A read only {{ domxref("SVGRect") }} representing the current diff --git a/files/en-us/web/api/svganimatedtransformlist/animval/index.md b/files/en-us/web/api/svganimatedtransformlist/animval/index.md new file mode 100644 index 000000000000000..90e002ecbb82266 --- /dev/null +++ b/files/en-us/web/api/svganimatedtransformlist/animval/index.md @@ -0,0 +1,43 @@ +--- +title: SVGAnimatedTransformList.animVal Property +short-title: animVal +slug: Web/API/SVGAnimatedTransformList/animVal +page-type: web-api-instance-property +browser-compat: api.SVGAnimatedTransformList.animVal +--- + +{{APIRef("SVG")}} + +The **`animVal`** read-only property of the {{domxref("SVGAnimatedTransformList")}} interface represents the animated value of the `transform` attribute of an SVG element. + +This property reflects the SVG element's {{SVGAttr("transform")}}, the {{SVGElement("linearGradient")}} or {{SVGElement("radialGradient")}} element's {{SVGAttr("gradientTransform")}} attribute, or the {{SVGElement("pattern")}} element's {{SVGAttr("patternTransform")}} attribute as a readonly {{ domxref("SVGTransformList") }}, providing access to the dynamically updated {{ domxref("SVGTransform") }} for each transform function during an animation. If no animation is active, this property will return the same value as `baseVal`. + +## Value + +An {{domxref("SVGTransformList")}} object that reflects the current animated value of the `transform` attribute. + +## Examples + +```js +// Get the rectangle element +const rect = document.querySelector("rect"); + +// Access the animated transform list (if any) +const animTransforms = rect.transform.animVal; + +// Log the animated transforms to the console +console.dir(animTransforms); +``` + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{domxref("SVGTransformList")}} +- {{domxref("SVGTransform")}} diff --git a/files/en-us/web/api/svganimatedtransformlist/baseval/index.md b/files/en-us/web/api/svganimatedtransformlist/baseval/index.md new file mode 100644 index 000000000000000..99743848c182f9c --- /dev/null +++ b/files/en-us/web/api/svganimatedtransformlist/baseval/index.md @@ -0,0 +1,43 @@ +--- +title: SVGAnimatedTransformList.baseVal Property +short-title: baseVal +slug: Web/API/SVGAnimatedTransformList/baseVal +page-type: web-api-instance-property +browser-compat: api.SVGAnimatedTransformList.baseVal +--- + +{{APIRef("SVG")}} + +The **`baseVal`** read-only property of the {{domxref("SVGAnimatedTransformList")}} interface represents the non-animated value of the `transform` attribute of an SVG element. + +This property reflects the SVG element's {{SVGAttr("transform")}}, the {{SVGElement("linearGradient")}} or {{SVGElement("radialGradient")}} element's {{SVGAttr("gradientTransform")}} attribute, or the {{SVGElement("pattern")}} element's {{SVGAttr("patternTransform")}} attribute value as a readonly {{ domxref("SVGTransformList") }}, providing access to a static {{ domxref("SVGTransform") }} for each transform function set on the SVG element. + +## Value + +An {{domxref("SVGTransformList")}} object that represents the current, non-animated value of the `transform` attribute. + +## Examples + +```js +// Get the rectangle element +const rect = document.querySelector("rect"); + +// Access the non-animated transform list of the element +const baseTransforms = rect.transform.baseVal; + +// Log the base transforms to the console +console.dir(baseTransforms); +``` + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{domxref("SVGTransformList")}} +- {{domxref("SVGTransform")}} diff --git a/files/en-us/web/api/svganimatedtransformlist/index.md b/files/en-us/web/api/svganimatedtransformlist/index.md index a430e4a89306f85..3013ea71da7c348 100644 --- a/files/en-us/web/api/svganimatedtransformlist/index.md +++ b/files/en-us/web/api/svganimatedtransformlist/index.md @@ -62,14 +62,14 @@ The `SVGAnimatedTransformList` interface is used for attributes which take a lis - baseVal + {{domxref("SVGAnimatedTransformList.baseVal", "baseVal")}} {{ domxref("SVGTransformList") }} The base value of the given attribute before applying any animations. - animVal + {{domxref("SVGAnimatedTransformList.animVal", "animVal")}} {{ domxref("SVGTransformList") }} A read only {{ domxref("SVGTransformList") }} representing diff --git a/files/en-us/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md b/files/en-us/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md index 77fa2e4240a0ddf..782f2c17115d485 100644 --- a/files/en-us/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md +++ b/files/en-us/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md @@ -23,7 +23,6 @@ This project uses the [glMatrix](https://glmatrix.net/) library to perform its m WebGL Demo -