Snippets javascript

Pausar consola antes de redirigir

En una página que tiene una redirección realizada mediante javascript, añadir el siguiente código en la consola (F12) para pausar la página justo antes de realizar la redirección.

window.addEventListener("beforeunload", function() { debugger; }, false)

Banner de cookies

Añadir el siguiente código entre las etiquetas head para incrustar de forma automática el típico banner para aceptar las cookies.

Modificar el mensaje si es necesario y la URL de la página de política de cookies.

<link rel="stylesheet" type="text/css"
    href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
    window.addEventListener("load", function () {
        window.cookieconsent.initialise({
            "palette": {
                "popup": {
                    "background": "#383b75"
                },
                "button": {
                    "background": "#f1d600"
                }
            },
            "theme": "edgeless",
            "content": {
                "message": "Esta web utiliza Cookies para obtener datos estadísticos de la navegación de sus usuarios.",
                "dismiss": "OK",
                "link": "Leer más.",
                "href": "https://www.devseo.xyz/politica-de-cookies/"
            }
        })
    });
</script>

Insertar banner en la parte superior de la página

Inserta de manera automática un banner en la parte superior de la página mediante javascript. El contenido del banner se guarda en la variable banner la cual admite formato HTML.

<script>
    function init() {
        var banner = 'NO TE PIERDAS LAS OFERTAS DE PRIMAVERA DE AMAZON <a href="https://amzn.to/2HKLOt9" target="_blank" rel="nofollow noopener"><br>>> IR A LAS OFERTAS <<</a>';
        var iDiv = document.createElement('div');
        iDiv.className = 'simple-banner';
        iDiv.innerHTML = banner;
        document.getElementsByTagName('body')[0].appendChild(iDiv);
    }
    window.addEventListener('DOMContentLoaded', init, false);
</script>
.simple-banner {
    padding: 5px;
    font-size: .8rem;
    text-align: center;
    background-color: #cc00ff;
    color: white;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200000;
}

.simple-banner a {
    font-size: 1rem;
    font-weight: bold;
    color: yellow;
}

👉  LocalStorage

👇Tu comentario