Aprende en Comunidad
Avalados por :
Como alterar o título da página do portal e adicionar links e tags meta de forma personalizada
- Creado 01/03/2024
- Modificado 01/03/2024
- 4 Vistas
Em algumas situações, você pode querer alterar o título da página do portal. Ou talvez queira alterar o link, as meta tags, etc.
Uma maneira de fazer isso é identificar o local correto onde deve fazer essa alteração e fazê-la funcionar. Por exemplo, alterar o título do SAP EP mudará o título em todas as páginas do portal. Se você não quiser alterá-lo em todo o sistema e apenas quiser fazê-lo em uma página específica, pode seguir este exemplo.
No meu caso, tive que alterar meu logotipo e os textos na página de login do portal. Para isso, desenvolvi/implementei a página de login personalizada a partir dos arquivos war padrão.
E utilizei esses comandos para que funcionasse.
Adicionei esses comandos JavaScript (mencionados abaixo) na seção <script></script> dos arquivos logon.jsp / logonmobile.jsp.
Neste caso, não consegui localizar a tag <head></head> na minha página, pois estava sendo derivada do nível do framework EP.
Para alterar o título da página de login:
document.title = "Meu título";
E para adicionar um elemento de link na seção head da página html, usei este comando.
var l1 = document.createElement("link");
l1.rel = "icon";
l1.sizes = "196x196";
l1.href = "<%=webpath%>layout/android-touch-icon-Mobility-196x196.png";
document.getElementsByTagName('head')[0].appendChild(l1);
Para adicionar uma meta tag
var m1 = document.createElement("meta");
m1.name = "mobile-web-app-capable";
m1.content = "sim";
document.getElementsByTagName('head')[0].appendChild(m1);
Para saber os detalhes sobre por que deve adicionar essas tags, você pode encontrá-los nesses links:
Para Apple - Aplicativo Web Móvel:
Para Android
https://developer.chrome.com/multidevice/android/installtohomescreen
Da mesma forma, você também pode alterar o favicon
Consulte esta página para mais detalhes: stackoverflow.com/questions/260857/changing-website-favicon-dynamically
Outros links úteis:
5 Dicas para Transformar seu Site em um Aplicativo Web iOS... Chief Creative Mechanic
Neste caso, não consegui localizar a tag <head></head> na minha página, pois estava sendo derivada do nível do framework EP. Portanto, tive que usar o método mencionado anteriormente para adicionar links e meta tags à seção <head> da página.
Em outro caso (por exemplo, na página inicial do Fiori, página de lançamento), se você quiser adicionar esses detalhes, pode fazê-lo diretamente seguindo os links do developer.apple ou developer.chrome mencionados anteriormente.
Espero que isso ajude a criar um marcador personalizado para a página de login do SAP em Android, iOS e outros aplicativos móveis, bem como marcadores de navegadores da web com imagens personalizadas.
Obrigado por ler.
Sin respuestas
No hay respuestas para mostrar
Se el primero en responder
contacto@primeinstitute.com
(+51) 1641 9379
(+57) 1489 6964
© 2024 Copyright. Todos los derechos reservados.
Desarrollado por Prime Institute