Wczytywanie odpowiedniej wersji strony na podstawie UserAgent

Question

Witam

Mam przygotowane po 2 różne wersje plików html podstron mojej strony.

Chciałbym aby gdy zostanie wykryty android, to skrypt wczytał odpowiedni plik dla urządzeń mobilnych a dla pozostałych przypadków normalna strona. Może ktoś pomóc ?

Zapewne nie jest to skomplikowane ale dopiero uczę się programowania w JS, PHP i jedyne co potrafię to tworzyć proste łańcuchy znaków czy operować na prostych funkcjach.

Answer 1

<script>
if (navigator.userAgent.indexOf('Mobile') > -1) 
 location.href = '/mobile.html';
</script>

Lub według wielkości okna użytkownika:

if (screen.width < 600 || screen.height < 200)
 location.href = '/mobile.html';

Ale raczej polecam zrobić responsywność w CSS.

Answer 2

to nie lepiej bylo by ci uzyc @media w css??

Answer 3

user_agent.php:

<?php 
$how_system = (php_uname("s"));
echo $how_system;
if($how_system == 'Windows NT') {
	 $path_to_file = 'user_agent1.css';
}else{ 
	 $path_to_file = 'user_agent2.css';
}
?>

<link rel="stylesheet" type="text/css" href="<?= $path_to_file ?>"/>

user_agent1.css:

body{ 
	background:grey;
}

user_agent2.css:

body{ 
	background:darkgreen;
}