diff --git a/files/es/web/api/window/console/index.md b/files/es/web/api/window/console/index.md new file mode 100644 index 00000000000000..0cb39cccb3ace5 --- /dev/null +++ b/files/es/web/api/window/console/index.md @@ -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í. diff --git a/files/es/web/api/window/customelements/index.md b/files/es/web/api/window/customelements/index.md new file mode 100644 index 00000000000000..12df4cef811512 --- /dev/null +++ b/files/es/web/api/window/customelements/index.md @@ -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}} diff --git a/files/es/web/api/window/navigation/index.md b/files/es/web/api/window/navigation/index.md new file mode 100644 index 00000000000000..de9f2415f5289e --- /dev/null +++ b/files/es/web/api/window/navigation/index.md @@ -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/)