Ho inserito l’opzione per aggiungere l’app PWA da vari pulsanti sul mio sito web, ma la console di Google mi dà l’errore “Uncaught TypeError: non può leggere la proprietà” Stile “di Null”.
La mia intenzione è che l’app PWA può essere installata dal menu, l’intestazione e alla fine nel piè di pagina. I pulsanti funzionano, ma l’errore nella console persiste …
Passo il codice che ho in footer.php:
<script type="text/javascript"> if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js') .then(function(registration) { console.log('service worker ready'); registration.update(); }) .catch(function(error) { console.log('Registration failed with ' + error); }); }); } let deferredPrompt; const addBtnHeader = document.querySelector('.add-button-header'); const addBtnMenu = document.querySelector('.add-button-menu'); const addBtnFooter = document.querySelector('.add-button-footer'); addBtnHeader.style.display = 'none'; addBtnMenu.style.display = 'none'; addBtnFooter.style.display = 'none'; window.addEventListener('beforeinstallprompt', (e) => { // Prevent the mini-infobar from appearing on mobile. Evita que Chrome 67 y versiones anteriores muestren automáticamente el aviso e.preventDefault(); // Guarda el evento para que pueda activarse más tarde deferredPrompt = e; // Actualizar la interfaz de usuario para notificar al usuario que puede agregar a la pantalla de inicio addBtnHeader.style.display = 'block'; addBtnMenu.style.display = 'block'; addBtnFooter.style.display = 'block'; addBtnHeader.addEventListener('click', (e) => { // Oculta nuestra interfaz de usuario que muestra nuestro botón A2HS addBtnHeader.style.display = 'none'; // Mostrar el aviso deferredPrompt.prompt(); // Espere a que el usuario responda a la pregunta deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { console.log('User accepted the A2HS prompt'); } else { console.log('User dismissed the A2HS prompt'); } deferredPrompt = null; }); }); addBtnMenu.addEventListener('click', (e) => { // Oculta nuestra interfaz de usuario que muestra nuestro botón A2HS addBtnMenu.style.display = 'none'; // Mostrar el aviso deferredPrompt.prompt(); // Espere a que el usuario responda a la pregunta deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { console.log('User accepted the A2HS prompt'); } else { console.log('User dismissed the A2HS prompt'); } deferredPrompt = null; }); }); addBtnFooter.addEventListener('click', (e) => { // Oculta nuestra interfaz de usuario que muestra nuestro botón A2HS addBtnFooter.style.display = 'none'; // Mostrar el aviso deferredPrompt.prompt(); // Espere a que el usuario responda a la pregunta deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { console.log('User accepted the A2HS prompt'); } else { console.log('User dismissed the A2HS prompt'); } deferredPrompt = null; }); }); }); </script>Il codice di un pulsante, il resto è simile, cambiando il contenuto della classe:
<a style="position: fixed;bottom:117px;left: 10px;z-index:9999;" class="add-button-footer mobile-menu añadirapp" title="pulsar para añadir a tus aplicaciones" href="#" onclick="javascript:return alert('<?php echo osc_esc_js(__('LEALES.ORG EN TUS APLICACIONES<br><br>• Pulsando Añadir en el siguiente mensaje se añadirá a tus aplicaciones, para que accedas cómodamente.<br><br>• Si no se muestra el mensaje, actualiza e inténtalo nuevamente.', 'beta')); ?>')"> <i class="fas fa-mobile-alt" href="#" style="margin-top:8px;margin-right:13px;font-size:34px;color:#F56200;"></i> </a>Grazie in anticipo!
Questo dice Per aggiungere più dettagli, ma non c’è molto altro da aggiungere … Questo mi dice di aggiungere più dettagli, ma non c’è molto altro da aggiungere … Questo mi dice di aggiungere più dettagli, ma non c’è molto di più Per aggiungere Aggiungi … Questo mi dice di aggiungere ulteriori dettagli, ma non molto di più da aggiungere …