I want when a mobile device, (such as Android Phone; Tablet, iPad, iPhone, iPod, or any other mobile device) to redirect to the mobile site instead of the actual site, but I'm not sure how to do this.
In my case, the URL for my main site is super-short.freeoda.com and the mobile url is http://mobile.dudamobile.com/site/super-short_freeoda_2/
If you want to keep it quick and dirty, you might want to check out PHP Mobile Detect for simple mobile redirects. It does some basic categorization into mobile, tablet, and the main platforms (iOS, Android, BB, etc.) based on a well-crafted regex on User-Agent strings.
Taking it further, you can try device databases like WURFL or Device Atlas, but they're more heavy-weight.
To be conscientious, make sure to include a clear link back to the "full" or "desktop" site to account for possible mis-detections.
Related
I want a scenario where in I have a website and when I connect my mobile device to my pc or laptop, the website must be able to detect the phone and not the phone browser. As in it should detect if my phone is an iphone or any other mobile device. How can I achieve this?
Basically if I have a downloadable application and a list of compatible devices and when a device is connected, a compatibility check needs to be done and the software has to be downloaded directly! Is this possible?
you must build an APP and not a WebAPP or website.
the browser cant send relevant information such MacAddress or IMEI then you cannot do it with a simple website.
In javascript you can detect navigation browser and it has some extra information about the kind of device (like Android, Motorola, etc). For example this.
We recently had a mobile site built which was great but when we send out our html emails I'm having to use media queries on the links to send customers to the desktop site or mobile site as the URLs are different Eg. m.mobilesite.com and www.desktopsite.com.
I'd like to use something like 'detectmobilebrowsers.com' so I can do away with the media queries and have one link which is built up of both the mobile and desktop links. The setup advice on this site is not very helpful.
Does anybody know how to do this?
Personally, I don't like the sound of that. You cannot guarantee that the mail/webmail client will be able to support "responsive links", regardless of the device that the user is viewing it on. Hence, you could very well be pointing users to the wrong device specific site.
What I would do, is point all of your email links to the main site version. At that point, you should have some form of device detection in place on your server. Your site logic should be able to forward the user on to the correct site specific page (e.g. mobile visitor sent to mobile version of same page, desktop user not redirected).
If you don't any redirection logic in place (you really should, read this), basically this is what you're looking to achieve:
http://www.9xb.com/wordpress/wp-content/uploads/2012/08/mobile-deployment-small.png
If you're not following the rules laid out by Google regarding redirects and canonical link tags, you may find yourself in trouble at some point.
If this is all a bit beyond your technical ability, I'd suggest you speak with whoever built your mobile site as this isn't for the faint hearted.
Maybe a browser plugin? Just looking for a dirty, quick way to test some mobile web development.
Here's 3 tools I found pretty helpful for testing media queries for mobile devices within my desktop browser:
Adobe Shadow: You'll have to download the app on your mobile device, and then link the device to Chrome and once you've done so you can inspect your webpages on chrome as they would appear on your mobile device.
Remote Debugging with Chrome for Android: Similar to Adobe Shadow, but I found this to be a lot more reliable when dealing with network requests on mobile devices - you will need a android device with Ice Cream Sandwich however.
Changing User Agent on Safari to debug different browsers straight from your desktop Safari: If you have Safari, it allows you to change the useragent string from the developer tools. Pretty useful if you want to spoof browsers. - Didn't really find this useful for media queries though.
Go into Safari settings, there is one that reads "Request Desktop Website." Check it, then browse to facebook.com Now you can message within browser. No app needed.
here is my what I am trying to do.
I have a .mobi site wayfieldfoods.mobi that is set up on a wordpress format. I am using a plugin that make the site mobile with custom menu wayfieldfoods.mobi/mlp/home.
my clients website is wayfieldfoods.com . How do I add (or redirect) wayfieldfoods.mobi to my clients site? if someone is using a mobile device and types in the url wayfieldfoods.com, I want the mobi site to display instead of the regular wayfieldfoods.com desktop site.
I spoke with someone earlier and they said that it's a code that has to be installed on the index page of my clients wayfieldfoods.com website in order for mobile access to the mobi site.
What is the special code needed to redirect to mobile traffic to my wayfieldfoods.mobi site.
(as a side note wayfieldfoods.mobi shows up on a desktop computer as a regular wordpress site with the default twenty eleven theme, but wayfieldfoods.mobi displays on a mobile phone with the mobile friendly website I set up. It works fine displayed on a mobile phone).
You can use Handset Detection to redirect mobiles to your mobile site (disclaimer : my startup). Browse on over and create a free account. There's a javascript snippet you paste into the of your homepage.
Hope that helps.
I want to implement "mobile website provider" tool. Basically, It intake desktop website url and generate a mobile version of website without edit/add additional content to the desktop website. I am planning to design a product like (what mofuse.com does. This website create mobile websites). This tool should be hassle free to client(who are not tech savvy.)
1.Q) I want to know kind of functionality involved in this process.
2.Q) In Java Technology, I need the tool set and functionality of this actitity.
As I am new to this mobile application environment. Any information(web links) regarding this will be appreciated.
Update:
its not like skweezer.com.
I had a website and I want to "mobile"ize it. 1) What kind of java tool set I have to use to create mobile web site? 2) How to test in multiple mobile devices 3) How the domain name will be created for mobile websites.
Check out our Wapple Architect tech (http://wapple.net) - we allow you to use the same content from web to mobile, but if it's mobile, instead of outputting the html, use a web service to turn it into the right content for that particular handset.
Mobilizes the same domain, no need for m.yourdomain.com or anything like that.
Check http://wapple.net on a mobile for example!
there are certain plugins which mobilise your website .
they check user agent and if user agent is of mobile browser they load another css of mobile and if you want to redirect some another redirect it ther.
you dont have to buy separate domain make sub domain or cname like
m.yourdomain.ccom
wap.yaourdomain.com
try some javacripts code which detect browser type and redirect accordingly.
The best place to learn about mobile toolkits are
WURFL - The open source community built around profiling devices and managing their capabilities (http://wurfl.sourceforge.net/)
Mobile Elements - A tool to help you build mobile sites using a proxy type approach (http://www.mobilelements.com)
Device Atlas - A device profiling tool (http://www.deviceatlas.com)