HTML Mobile Redirect nur arbeiten auf Seite Refresh

Question

Ich habe eine Website, die ich auf einer bestimmten Seite für mobile Benutzer umleiten möchten, so dass die folgende ist derzeit in der Kopfzeile der entsprechenden Seite

<script type="text/javascript"> 
if (screen.width<640) { 
window.location="mobilePage"; 
} 
</script> 

Wenn ich klicken von der Hauptnavigation macht das nichts. Allerdings aktualisiere ich die Seite, es funktioniert. Ein Teil des Problems ist, dass ich einen Website-Builder verwendet habe, weil ich kein gutes Grafikdesign habe und nicht mit neuen Telefonen/Versionen von Dingen Schritt halten möchte. Das bedeutet, dass eine Menge Code vor mir verborgen ist, was das Debuggen enorm erschwert. Ich habe versucht, es zu reload once zu zwingen, aber keine Würfel.

Hat jemand einen Einblick, warum das passiert, und noch wichtiger, wenn ich irgendetwas tun kann? Es wäre sehr geschätzt!

(PS nicht sicher, ob die Website hilfreich ist mein Kampf zu erklären, aber die betreffende Seite ist here.)

Answer 1

Statt sich auf die Bildschirmbreite von je, versuchen regex Code und Navigator verwenden. Zum Beispiel

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 
window.location="mobilePage"; 
} 

Hope this arbeitet