Solved

html or java script to detect the mobile phone access

Posted on 2010-09-15
14
751 Views
Last Modified: 2012-05-10
Is there a html or java script to detect the mobile phone access and re-direct user to a mobile phone site?
0
Comment
Question by:netthing
  • 7
  • 6
14 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 33684137
You can check the user-agent field in the request header and invoke the corresponding site.
http://en.wikipedia.org/wiki/List_of_HTTP_header_fields
http://en.wikipedia.org/wiki/User_agent
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33684168
Simon-H:
http://www.quirksmode.org/js/detect.html

You can then place a query that will redirect the page based on the response your code receives from the detection.

Regards,

Simon
0
 

Author Comment

by:netthing
ID: 33685227
thanks to both of you but unfortunely we are not code people and were looking for an actual script that would do as you suggested. To muddy the waters a little we would like the high end phones (iphone, android based) to view the main site while the low end/older phones would be redirected to a mobile site.
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33685292
can you give me the two links?
0
 

Author Comment

by:netthing
ID: 33685783
Not sure what links you want but the primary website is underdevelopment eg: www.yourburiness.com and the redirect would be to m.yourbusiness.com. Is that the information you need?

Thanls
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33685825
yes that's what I was after, sorry for the poor explination!

I will have a look at the script and get back to you shortly.
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33686141
I've attached a php script, courtesy of http://detectmobilebrowsers.mobi/

It needs a slight be of personalisation as you require it (for iphone, ipad, android, other smartphone, etc.)
There is an explination as to how to do this within the text file.

When you are done editing, you will need to rename the file, removing ".txt" so it will just be called "mobile_device_detect.php" then you can intergrate it to your homepage.

I am assuming that your web server support php (Hypertext Preprocessor).

If you have any problems with this please let me know and I will take a look for you tomorrow.

Regards,

-Simon
mobile-device-detect.php.txt
0
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 

Author Comment

by:netthing
ID: 33687374
unfortunately we already looked at using php script. besides the new site, for which that script would be no problem, we also want to apply it to several existing sites. the sites use html pages with ssi for headers, navigation and footers. to use a php script would require us to recode all the pages so that the ssi will display correctly. this is why we were wondering if there was a java script that would do the same thing as that php script.

thanks
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33690015
Try placing this script within your head tags on your home page (http://www.yourburiness.com/)

This should redirect iphone, ipad and ipod to "i.yourbusiness.com" and mobiles to "m.yourbusiness.com"

Let me know how you get on with this.

Regards,
script.txt
0
 

Author Comment

by:netthing
ID: 33691940
I tried it on a test site and the code shows at the top of the html page, see the attached image
Untitled-1.jpg
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33692525
That's odd. It's works fine on my webserver.

Are you able to post a link to the test page? I'm unable to read it, as it's a bit blury.
0
 

Author Comment

by:netthing
ID: 33696231
http://www.netthing.net/index_m.html

the issue, as I understand it, is trying to run a php script in on a html site
0
 
LVL 1

Accepted Solution

by:
Simon-H earned 125 total points
ID: 33702618
no, please deregard the php script and just use the js one I posted last;

"script.txt"
0
 

Author Closing Comment

by:netthing
ID: 33703695
thanks for the assistance
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now