I have a site that does a standard forward to another site [301 Redirect]. In the redirected site, I detect if the device is a mobile using the following code:
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.replace("Mobile/Login/Login.aspx")
} else {
window.location.replace("Apps/Login/Login.aspx")
}
It works and jQuery mobile makes the site fits device very well. To do so, I use the following code in ASPX page:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
The problem is that I am wanting to frame forward - instead of standard forward - (there are a lot of advantages), but the site is not fitted for the device anymore, and even the icon I have chosen for my page is not well defined anymore. The code I use to set the icon of page is:
<link rel="apple-touch-icon" href="../../Apps/Imagens/Icone.png" />
My site is hosted by Mochahost
My question is:
Is there anything I could do to make it works?