marsalva/App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

layout.js: añade favicon dinámico (icono del logo en la pestaña)

Browse Source
This commit is contained in:
marsalva
2026-09-13 13:07:08 +00:00
parent 07282ddc59
commit 00a0b09e20
1 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
js/layout.js
View File

@@ -7,17 +7,23 @@
// 🎨 INYECTOR DE LOGO CORPORATIVO Y PWA (ICONOS APP)
// ==========================================
// 1. INYECCIÓN SÚPER RÁPIDA (Para engañar a los iPhone 🍏)
// Crea (o reutiliza) un <link> de icono en el <head> y le pone la URL indicada
function setIconLink(rel, href) {
let link = document.querySelector(`link[rel='${rel}']`);
if (!link) {
link = document.createElement('link');
link.rel = rel;
document.head.appendChild(link);
}
link.href = href;
}
// 1. INYECCIÓN SÚPER RÁPIDA (Para engañar a los iPhone 🍏 y pintar ya la pestaña del navegador)
// Miramos si ya tenemos el logo guardado en la memoria del móvil
const savedLogo = localStorage.getItem("company_logo");
if (savedLogo) {
let appleIcon = document.querySelector("link[rel='apple-touch-icon']");
if (!appleIcon) {
appleIcon = document.createElement('link');
appleIcon.rel = 'apple-touch-icon';
document.head.appendChild(appleIcon);
}
appleIcon.href = savedLogo;
setIconLink('apple-touch-icon', savedLogo);
setIconLink('icon', savedLogo);
}
// 2. DESCARGA DESDE EL SERVIDOR Y CABECERA
@@ -54,14 +60,10 @@ setTimeout(async () => {
headerIcon.appendChild(img);
}
// Inyectamos el icono por si es la primera vez que entra
let appleIcon = document.querySelector("link[rel='apple-touch-icon']");
if (!appleIcon) {
appleIcon = document.createElement('link');
appleIcon.rel = 'apple-touch-icon';
document.head.appendChild(appleIcon);
}
appleIcon.href = logoUrl;
// Icono de la pestaña del navegador / favicon
setIconLink('icon', logoUrl);
// Icono al añadir la app a la pantalla de inicio (iOS)
setIconLink('apple-touch-icon', logoUrl);
}
} catch (e) {
console.error("No se pudo cargar la configuración visual de la empresa", e);