path: root/files/es/social_api/widgets/index.html

---
title: Widgets
slug: Social_API/Widgets
translation_of: Archive/Social_API/Widgets
---
<h1 id="Widgets">Widgets</h1>
<h2 id="SidebarWidget">SidebarWidget</h2>
<p>Si un servicio define un SidebarWidget, <span class="short_text" id="result_box" lang="es"><span class="hps">el</span> <span class="hps">navegador</span> <span class="hps">crea instancias, </span></span><span class="short_text" id="result_box" lang="es"><span class="hps">en</span> <span class="hps">determinadas</span> <span class="hps">ventanas del navegador, </span></span><span id="result_box" lang="es"><span class="hps">un área de contenido</span> <span class="hps">cuyo contenido</span> <span class="hps">se encuentra en</span> <span class="hps">el</span> <a href="https://developer.mozilla.org/es/docs/Social_API/Manifest#sidebarURL" title="https://developer.mozilla.org/en-US/docs/Social_API/Manifest#sidebarURL"><span class="hps">sidebarURL</span></a> <span class="hps">definido en el manifiesto</span><span>.</span></span> <span id="result_box" lang="es"><span class="hps">Estas regiones</span> <span class="hps">no se crean instancias</span> <span class="hps">hasta que el</span> </span><em>Worker</em><span id="result_box" lang="es"> <span class="hps">ha sido completamente</span> <span class="hps">cargado</span></span>.<span id="result_box" lang="es"><span class="hps">El contenido de</span> <span class="hps">estas regiones tiene</span> <span class="hps">la API</span> <span class="hps">adicional definida</span></span><span id="result_box" lang="es"><span class="hps"> en la</span> <span class="hps">referencia</span> de </span><em>Service Content API</em><span id="result_box" lang="es"><span class="hps">.</span></span></p>
<p><span id="result_box" lang="es"><span class="hps">Las Sidebars</span></span> pueden estar en estado <em>visibles</em> u <em>ocultos</em>.</p>
<ul>
 <li><span id="result_box" lang="es"><span class="hps">Cuando son visibles</span><span>, reciben un</span> <span class="hps">rectángulo</span> <span class="hps">vertical del</span> <span class="hps">espacio de la pantalla</span> <span class="hps">en</span> <span class="hps">el que se representará</span>, <span class="hps">este rectángulo es</span> <span class="hps">estable a través de</span> <span class="hps">los cambios</span> <span class="hps">en el </span></span><span class="short_text" id="result_box" lang="es"><span class="hps">pestaña</span></span><span id="result_box" lang="es"><span class="hps"> de </span></span><span id="result_box" lang="es"><span class="hps">enfoque</span> <span class="hps">y tiene una</span> <span class="hps">barra de desplazamiento</span> <span class="hps">independiente de</span> <span class="hps">la barra de desplazamiento</span> <span class="hps">del contenido de</span> <span class="hps">la navegación por pestañas</span><span>.</span></span></li>
 <li>Cuando esta oculta, <span id="result_box" lang="es"><span class="hps">la barra lateral</span> <span class="hps">se elimina completamente de</span> <span class="hps">la jerarquía</span> <span class="hps">visual.</span></span> <span id="result_box" lang="es"><span class="hps">El agente de usuario</span> <span class="hps">continúa entregando</span> <span class="hps">mensajes a</span> <span class="hps">estos, </span></span>Y la barra lateral puede pre procesar su DOM para mostrar posteriormente.</li>
</ul>
<p><span id="result_box" lang="es"><span class="hps">Windows Sidebar</span> <span class="hps">se crea una instancia</span> <span class="hps">única</span> <span class="hps">en</span> <span class="hps">las ventanas del navegador</span> <span class="hps">que tienen una</span> <span class="hps">completa</span> <span class="hps">interfaz</span> <span class="hps">de navegación</span> <span class="hps">por pestañas</span><span>, ventanas creadas con </span></span><a href="https://developer.mozilla.org/en-US/docs/DOM/window.open" title="/en-US/docs/DOM/window.open">window.open</a> <span id="result_box" lang="es"><span class="hps">que</span> <span class="hps">no cuentan con estos</span> <span class="hps">elementos de la interfaz</span> <span class="hps">no recibe una</span> <span class="hps">barra lateral.</span></span></p>
<p><span id="result_box" lang="es"><span class="hps">Cuando una</span> </span><span class="short_text" id="result_box" lang="es"><span class="hps">pestaña</span></span><span id="result_box" lang="es"><span class="hps"> que</span> <span class="hps">se representa directamente</span> <span class="hps">en el navegador</span> <span class="hps">sin</span> <span class="hps">barra de direcciones</span> <span class="hps">se selecciona, </span></span><span id="result_box" lang="es"><span class="hps">la barra lateral</span> <span class="hps">se coloca automáticamente</span> <span class="hps">en</span> <span class="hps">el</span> <span class="hps">estado <em>oculto</em>.</span></span> <span class="short_text" id="result_box" lang="es"><span class="hps">Cuando el</span> <span class="hps">usuario sale de</span> <span class="hps">esa pestaña</span></span>, <span class="short_text" id="result_box" lang="es"><span class="hps">la barra lateral</span> <span class="hps">se hace</span> <span class="hps"><em>visible</em> de nuevo</span></span>. <span id="result_box" lang="es"><span class="hps">Estas pestañas</span> <span class="hps">incluyen</span> <span class="hps">la página de administración</span> <span class="hps">de complementos</span></span>, about:permissions, etc.</p>
<p><span id="result_box" lang="es"><span class="hps">Los estados</span> <span class="hps">minimizada /</span> <span class="hps">maximizada</span> <span class="hps">/</span> <span class="hps">oculta</span> de <span class="hps">la barra lateral</span> <span class="hps">del widget</span> <span class="hps">son consistentes</span> <span class="hps">a través de todas</span> <span class="hps">las ventanas del navegador. </span></span><span id="result_box" lang="es"><span class="hps">El estado más</span> <span class="hps">reciente </span><span class="hps">es recordado y</span> <span class="hps">usado</span> <span class="hps">para las nuevas ventanas, </span></span><span id="result_box" lang="es"><span class="hps">y</span> <span class="hps">se conserva</span> <span class="hps">en todos los reinicios</span> <span class="hps">del navegador.</span></span></p>