How to Redirect Website to a Mobile Version when Accessed on a Mobile Device

Tontuf Co.

Hello guys in this blog I will tell you how to redirect a website to a mobile version when accessed on a mobile device

Create a mobile website that provides a great user experience
Redirect your site for mobile users


Separate URLs | Search for Developers | Google Developers


Using a JavaScript code you can redirect your mobile visitors to your mobile site. This JS code can either detect screen size or the user-agent.


Open the HTML file or your website's code page

Search -  <head> in your template 

Copy and paste this code below the <head> tag 


 <script type="text/javascript">  
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>

“mobile.html” would be replaced with the location of wherever your mobile version resides. 

This technique could be adapted to load an alternate stylesheet as well.

Save the theme or code 

For iPhones/iPods Specifically

 <script language=javascript>  
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("http://url-to-send-them/iphone.html");
}
-->
</script>



And boom you are done 



PHP Method

For this script to work your page extensions must be .php and your hosting account must support PHP. Add the following code to your website’s section.

 <?php  
$iphone = strpos($_SERVER[‘HTTP_USER_AGENT’],”iPhone”);
$android = strpos($_SERVER[‘HTTP_USER_AGENT’],”Android”);
$palmpre = strpos($_SERVER[‘HTTP_USER_AGENT’],”webOS”);
$berry = strpos($_SERVER[‘HTTP_USER_AGENT’],”BlackBerry”);
$ipod = strpos($_SERVER[‘HTTP_USER_AGENT’],”iPod”);

if ($iphone || $android || $palmpre || $ipod || $berry == true)
{
echo “<script>window.location=’http://m.site.com'</script>”;
}
?>

Replace http://m.site.com with your mobile site’s URL.
Tags


Our website uses cookies to enhance your experience. Learn More
Accept !