Tobi/EUR-DZD_currency_converter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

debugging PWA

Browse source
This commit is contained in:
Tobi 2024-04-09 10:38:35 +02:00
parent 5e2d392e8e
commit 2a8c0cece0
1 changed files with 5 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
index.html
View file

@ -76,17 +76,6 @@
color: #666; color: #666;
font-size: 12px; font-size: 12px;
} }
#installButton {
display: none;
margin: 0 auto;
padding: 10px 20px;
font-size: 16px;
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
#install-instructions { #install-instructions {
display: none; display: none;
text-align: center; text-align: center;
@ -104,9 +93,6 @@
<p>2. Tap <strong>Add to Home Screen</strong>.</p> <p>2. Tap <strong>Add to Home Screen</strong>.</p>
</div> </div>
<!-- Installation button (initially hidden) -->
<button id="installButton" onclick="installApp()">Install App</button>
<form onsubmit="return convert(event)"> <form onsubmit="return convert(event)">
<label for="euro">Enter amount in Euro:</label> <label for="euro">Enter amount in Euro:</label>
<input type="number" id="euro" placeholder="Enter amount in Euro"> <input type="number" id="euro" placeholder="Enter amount in Euro">
@ -176,26 +162,15 @@
}); });
} }
function installApp() {
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/service-worker.js')
.then(registration => {
console.log('Service Worker registered with scope:', registration.scope);
})
.catch(error => {
console.error('Service Worker registration failed:', error);
});
}
// Hide the installation button once the app is installed
document.getElementById('installButton').style.display = 'none';
}
// Show installation instructions only if accessed via browser // Show installation instructions only if accessed via browser
if (!window.matchMedia('(display-mode: standalone)').matches) { if (!window.matchMedia('(display-mode: standalone)').matches) {
document.getElementById('install-instructions').style.display = 'block'; document.getElementById('install-instructions').style.display = 'block';
document.getElementById('installButton').style.display = 'block';
} }
// Detect when the app is launched from the home screen and hide installation instructions
window.addEventListener('appinstalled', (event) => {
document.getElementById('install-instructions').style.display = 'none';
});
</script> </script>
</body> </body>
</html> </html>