-
Notifications
You must be signed in to change notification settings - Fork 8.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[es] Translate window.console, window.customelements and window.navig…
…ation (#13780) * feat(es): translate window.console * feat(es): translate window.customelements * feat(es): translate window.navigation
- Loading branch information
1 parent
06c998e
commit 4be26d1
Showing
3 changed files
with
118 additions
and
0 deletions.
There are no files selected for viewing
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,34 @@ | ||
--- | ||
title: "Window: Propiedad console" | ||
slug: Web/API/Window/console | ||
l10n: | ||
sourceCommit: cc070123f72376faec06e36622c4fc723a75325f | ||
--- | ||
|
||
{{APIRef}} | ||
|
||
La propiedad **`Window.console`** devuelve una referencia al objeto {{domxref("console")}}, el cual proporciona métodos para imprimir información en la consola del navegador. Estos métodos estan destinados únicamente para propósitos de depuración y no para presentar información a los usuarios finales. | ||
|
||
## Ejemplos | ||
|
||
### Imprimir en consola | ||
|
||
El primer ejemplo imprime texto en la consola. | ||
|
||
```js | ||
console.log("Ocurrió un error al cargar el contenido"); | ||
``` | ||
|
||
El siguiente ejemplo imprime un objeto en la consola, con los campos del objeto expandibles. | ||
|
||
```js | ||
console.dir(someObject); | ||
``` | ||
|
||
Para obtener mas ejemplos, consulta la sección de [Ejemplos](/es/docs/Web/API/console#examples) en el árticulo de [`console`](/es/docs/Web/API/console). | ||
|
||
## Especificaciones | ||
|
||
{{Specifications}} | ||
|
||
> **Nota:** Actualmente hay muchas diferencias de implementación en los navegadores, pero se esta trabajando para hacerlos mas consistentes entre sí. |
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,48 @@ | ||
--- | ||
title: "Window: Propiedad customElements" | ||
slug: Web/API/Window/customElements | ||
l10n: | ||
sourceCommit: ac2874857a3de0be38430e58068597edf0afa2b2 | ||
--- | ||
|
||
{{APIRef}} | ||
|
||
La propiedad de solo lectura **`customElements`** de la interfaz {{domxref("Window")}}, devuelve una referencia al objeto {{domxref("CustomElementRegistry")}}, el cual puede usarse para registrar un nuevo [elemento personalizado](/es/docs/Web/API/Web_components/Using_custom_elements) y obtener información sobre el elemento previamente registrado. | ||
|
||
## Ejemplos | ||
|
||
El ejemplo mas común que verás de esta propiedad es para acceder al método {{domxref("CustomElementRegistry.define()")}} para definir y registrar un nuevo elemento personalizado, por ejemplo: | ||
|
||
```js | ||
let customElementRegistry = window.customElements; | ||
customElementRegistry.define("my-custom-element", MyCustomElement); | ||
``` | ||
|
||
Sin embargo, generalmente se acorta como se muestra a continuación: | ||
|
||
```js | ||
customElements.define( | ||
"element-details", | ||
class extends HTMLElement { | ||
constructor() { | ||
super(); | ||
const template = document.getElementById( | ||
"element-details-template" | ||
).content; | ||
const shadowRoot = this.attachShadow({ mode: "open" }).appendChild( | ||
template.cloneNode(true) | ||
); | ||
} | ||
} | ||
); | ||
``` | ||
|
||
Consulta nuestro repositorio [web-components-examples](https://github.com/mdn/web-components-examples/) para obtener mas ejemplos. | ||
|
||
## Especificaciones | ||
|
||
{{Specifications}} | ||
|
||
## Compatibilidad con navegadores | ||
|
||
{{Compat}} |
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,36 @@ | ||
--- | ||
title: "Window: Propiedad navigation" | ||
slug: Web/API/Window/navigation | ||
l10n: | ||
sourceCommit: cc070123f72376faec06e36622c4fc723a75325f | ||
--- | ||
|
||
{{APIRef}}{{SeeCompatTable}} | ||
|
||
La propiedad de solo lectura `navigation` de la interfaz {{domxref("Window")}} devuelve el objeto {{domxref("Navigation")}} asociada a la ventana actual. | ||
|
||
El punto de entrada para el {{domxref("Navigation API")}}. | ||
|
||
## Valor | ||
|
||
Una instancia del objeto {{domxref("Navigation")}}. | ||
|
||
## Ejemplos | ||
|
||
```js | ||
let currentNavEntries = window.navigation.entries(); | ||
``` | ||
|
||
## Especificaciones | ||
|
||
{{Specifications}} | ||
|
||
## Compatibilidad con navegadores | ||
|
||
{{Compat}} | ||
|
||
## Véase también | ||
|
||
- [Enrutamiento moderno del lado del cliente: la API de navegación](https://developer.chrome.com/docs/web-platform/navigation-api/) | ||
- [Explicación de la API de navegación](https://github.com/WICG/navigation-api/blob/main/README.md) | ||
- Domenic Denicola's [Ejemplo en vivo de la API de navegación](https://gigantic-honored-octagon.glitch.me/) |