jQuery / Javascript - Dynamically insert text into URL

Question

I have written some PHP that detects whether a user is visiting my blog posts using a mobile device or a computer.

Basically, I need a script that edits the URL dynamically if a user is visiting my blog post with a mobile.

For example, my blog post URLs are like this:

http://www.example.com/blog/blog-post-1/
http://www.example.com/blog/welcome-to-my-blog/
http://www.example.com/blog/another-blog-post/

Users should be dynamically redirected to:

http://www.example.com/m/blog/blog-post-1/
http://www.example.com/m/blog/welcome-to-my-blog/
http://www.example.com/m/blog/another-blog-post/

I also have the device detection working in PHP, so I just need the script to insert inside the PHP condition.

Any ideas?

this should be tagged as a php question, and possibly an htaccess question, but not a javascript or jquery question. — madlee
– madlee, Commented Nov 16, 2012 at 15:53

homerjam · Accepted Answer · 2012-11-16 15:52:20Z

2

Try:

if ($mobile) {
    header("Location: http://".$_SERVER["HTTP_HOST"]."/m".$_SERVER["REQUEST_URI"]);
}

answered Nov 16, 2012 at 15:52

homerjam

6797 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sbeliv01 · Accepted Answer · 2012-11-16 15:49:09Z

0

This .htaccess snippet might help to accomplish what you're looking to do:

This rewrite covers most mobile devices (with few false positives). When a mobile device is detected it is redirected to /m/.

http://snipplr.com/view/44741/

answered Nov 16, 2012 at 15:49

sbeliv01

11.8k2 gold badges26 silver badges25 bronze badges

Comments

Ja͢ck · Accepted Answer · 2012-11-16 15:52:31Z

0

If you're already using PHP to do device detection, this should do it:

header("Location: /m{$_SERVER['REQUEST_URI']}");
exit;

It takes the current path and prefixes it with "/m" to form the mobile path.

Using JavaScript to do the redirection would exclude certain mobile devices, so that's probably not the best idea.

answered Nov 16, 2012 at 15:52

Ja͢ck

174k39 gold badges269 silver badges317 bronze badges

Comments

avb · Accepted Answer · 2012-11-16 15:56:28Z

0

This should do it:

$server

<?php
echo $_SERVER['HTTP_USER_AGENT'];
?>

user_agent.php:

<?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)
{
header('Location: http://mobile.site.com/');
//OR
echo "<script>window.location='http://mobile.site.com'</script>";
}
?>

Index.php:

<?php
include('user_agent.php'); // Redirecting http://mobile.site.info
// site.com data
?>

Content from this site.

answered Nov 16, 2012 at 15:56

avb

1,5581 gold badge14 silver badges37 bronze badges

Collectives™ on Stack Overflow

jQuery / Javascript - Dynamically insert text into URL

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related