diff options
| -rw-r--r-- | files/es/web/api/notification/permission/index.html | 191 | ||||
| -rw-r--r-- | files/es/web/api/notification/permission/index.md | 77 |
2 files changed, 77 insertions, 191 deletions
diff --git a/files/es/web/api/notification/permission/index.html b/files/es/web/api/notification/permission/index.html deleted file mode 100644 index d528e2f9e0..0000000000 --- a/files/es/web/api/notification/permission/index.html +++ /dev/null @@ -1,191 +0,0 @@ ---- -title: Notification.permission -slug: Web/API/notification/permission -translation_of: Web/API/Notification/permission ---- -<p>{{APIRef("Web Notifications")}}</p> - -<p>La propiedad <code>permission</code> es una propiedad de sólo lectura de la interfaz {{domxref("Notification")}}. Esta propiedad indica el permiso concedido por el usuario para mostrar notificaciones.</p> - -<p>{{AvailableInWorkers}}</p> - -<h2 id="Syntax" name="Syntax">Sintaxis</h2> - -<pre class="syntaxbox">var <em>permission</em> = Notification.permission;</pre> - -<h3 id="Return_Value" name="Return_Value">Valor</h3> - -<p>Una {{domxref("DOMString")}} que representa el permiso actual. El valor puede ser:</p> - -<ul> - <li><code>granted</code>: El usuario ha concedido el permiso explicitamente al origen actual para mostrar notificaciones del sistema.</li> - <li><code>denied</code>: El usuario ha denegado el permiso explicitamente al origen actual para mostrar notificaciones del sistema.</li> - <li> - <p><code>default</code>: La decisión del usuario es deconocida; en este caso la aplicación actuará como si el permiso fuese <code>denied</code></p> - </li> -</ul> - -<h2 id="Ejemplos">Ejemplos</h2> - -<p>Podríamos usar el próximo fragmento para:</p> - -<ol> - <li>Comprobar si las notificaciones están soportadas</li> - <li>Comprobar si el permiso ha sido concedido para el origen actual - <ol> - <li>Si ha sido concedido, lanzar la notificación</li> - <li>Si no ha sido concedido, pedir el permiso</li> - <li>Si se concede, lanzar la notificación</li> - </ol> - </li> -</ol> - -<pre class="brush: js">function notifyMe() { - // Comprobamos si el navegador soporta las notificaciones - if (!("Notification" in window)) { - console.log("Este navegador no es compatible con las notificaciones de escritorio"); - } - - // Comprobamos si los permisos han sido concedidos anteriormente - else if (Notification.permission === "granted") { - // Si es correcto, lanzamos una notificación - var notification = new Notification("Hola!"); - } - - // Si no, pedimos permiso para la notificación - else if (Notification.permission !== 'denied' || Notification.permission === "default") { - Notification.requestPermission(function (permission) { - // Si el usuario nos lo concede, creamos la notificación - if (permission === "granted") { - var notification = new Notification("Hola!"); - } - }); - } - - // Por último, si el usuario ha denegado el permiso, y quieres ser respetuoso, no hay necesidad de molestarlo. -}</pre> - -<h2 id="Especificaciones">Especificaciones</h2> - -<table> - <tbody> - <tr> - <th scope="col">Especificación</th> - <th scope="col">Estado</th> - <th scope="col">Comentario</th> - </tr> - <tr> - <td>{{SpecName("Web Notifications","#dom-notification-permission","permission")}}</td> - <td>{{Spec2('Web Notifications')}}</td> - <td>Living standard</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Soporte básico</td> - <td>5 {{ property_prefix("webkit") }} (see notes)<br> - 22</td> - <td>{{CompatVersionUnknown}}</td> - <td>4.0 {{ property_prefix("moz") }} (see notes)<br> - 22</td> - <td>{{ CompatNo() }}</td> - <td>25</td> - <td>6 (see notes)</td> - </tr> - <tr> - <td>Available in workers</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("41.0")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Android Webview</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>Firefox OS</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Soporte básico</td> - <td>{{ CompatUnknown() }}</td> - <td> - <p>{{CompatVersionUnknown}}</p> - </td> - <td>{{CompatVersionUnknown}}</td> - <td>4.0 {{ property_prefix("moz") }} (see notes)<br> - 22</td> - <td>1.0.1 {{ property_prefix("moz") }} (see notes)<br> - 1.2</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo() }}</td> - <td> - <p>{{CompatVersionUnknown}}</p> - </td> - </tr> - <tr> - <td>Available in workers</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile(41.0)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h3 id="Notas_de_Firefox_OS">Notas de Firefox OS</h3> - -<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Firefox OS notes")}}</p> - -<h3 id="Notas_de_Chrome">Notas de Chrome</h3> - -<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Chrome notes")}}</p> - -<h3 id="Notas_de_Safari">Notas de Safari</h3> - -<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Safari notes")}}</p> - -<h2 id="Ver_también">Ver también</h2> - -<ul> - <li><a href="https://developer.mozilla.org/es/docs/Web/API/Notifications_API/Usando_la_API_de_Notificaciones">Usando la API de Notificaciones</a></li> - <li>{{domxref("Permissions_API","Permissions API")}}</li> -</ul> diff --git a/files/es/web/api/notification/permission/index.md b/files/es/web/api/notification/permission/index.md new file mode 100644 index 0000000000..27f2cd0762 --- /dev/null +++ b/files/es/web/api/notification/permission/index.md @@ -0,0 +1,77 @@ +--- +title: Notification.permission +slug: Web/API/notification/permission +tags: + - API + - Notification + - Notifications + - Notifications API + - Property + - Reference +translation_of: Web/API/Notification/permission +browser-compat: api.Notification.permission +--- +{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}} + +La propiedad de solo lectura `permission` de la interfaz {{domxref("Notification")}} indica el permiso concedido por el usuario al origen actual para mostrar notificaciones web. + +## Sintaxis + +```js +var permission = Notification.permission; +``` + +### Valor + +Una {{domxref("DOMString")}} representa el permiso actual. El valor puede ser: + +- `granted`: El usuario ha concedido el permiso explicitamente al origen actual para mostrar notificaciones del sistema. +- `denied`: El usuario ha denegado el permiso explicitamente al origen actual para mostrar notificaciones del sistema. +- `default`: La decisión del usuario es deconocida; en este caso la aplicación actuará como si el permiso fuese `denied` + +## Ejemplos + +El siguiente código podría ser usado si quisieras primero comprobar si las notificaciones son soportadas, luego comprobar si los permisos han sido concedidos al origen actual para enviar notificaciones, y luego solicitar permiso de ser requerido, antes de enviar una notificación. + +```js +function notifyMe() { + // Comprobamos si el navegador soporta las notificaciones + if (!("Notification" in window)) { + console.log("Este navegador no es compatible con las notificaciones de escritorio"); + } + + // Comprobamos si los permisos han sido concedidos anteriormente + else if (Notification.permission === "granted") { + // Si es correcto, lanzamos una notificación + var notification = new Notification("Hola!"); + } + + // Si no, pedimos permiso para la notificación + else if (Notification.permission !== 'denied' || Notification.permission === "default") { + Notification.requestPermission(function (permission) { + // Si el usuario nos lo concede, creamos la notificación + if (permission === "granted") { + var notification = new Notification("Hola!"); + } + }); + } + + // Por último, si el usuario ha denegado el permiso, y quieres ser respetuoso, no hay necesidad de molestarlo. +} +``` + +## Especificaciones + +{{Specifications}} + +## Compatibilidad con Navegadores + +{{Compat}} + +## Véase también + +- [API de Notificaciones](/es/docs/Web/API/Notifications_API) +- [Usando la API de Notificaciones](/es/docs/Web/API/Notifications_API/Using_the_Notifications_API) +- [API de Permisos](/es/docs/Web/API/Permissions_API) +- [Usando la API de Permisos](/es/docs/Web/API/Permissions_API/Using_the_Permissions_API) +-
\ No newline at end of file |