Skip to content

Commit

Permalink
[es] Translate window.console, window.customelements and window.navig…
Browse files Browse the repository at this point in the history
…ation (#13780)

* feat(es): translate window.console

* feat(es): translate window.customelements

* feat(es): translate window.navigation
  • Loading branch information
vickvasquez authored Jun 16, 2023
1 parent 06c998e commit 4be26d1
Show file tree
Hide file tree
Showing 3 changed files with 118 additions and 0 deletions.
34 changes: 34 additions & 0 deletions files/es/web/api/window/console/index.md
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í.
48 changes: 48 additions & 0 deletions files/es/web/api/window/customelements/index.md
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}}
36 changes: 36 additions & 0 deletions files/es/web/api/window/navigation/index.md
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/)

0 comments on commit 4be26d1

Please sign in to comment.