WebsiteBaker Community Forum

General Community => WebsiteBaker Website Showcase => Topic started by: Tez Oner on February 06, 2012, 10:25:29 PM

Title: Mobile Device Website
Post by: Tez Oner on February 06, 2012, 10:25:29 PM
Eeey,

a new Mobile website on the Website Baker CMS and the
VA WB Template Framework 3.0 the can be added on a iPhone
to the Homescreen as a Webapp!

The pages use the MobileDevices 2 Scheme which is included in
the Premium version of the Template Framework.

Check mdemo.vanallerlei.c om or demosite.vanallerle i.com
(the device is automaticly detected by platform and browser).

Cheers,

Tez
Title: Re: Mobile Device Website
Post by: easyuser on February 06, 2012, 10:36:31 PM
Does not work with android browser. Does not matter witch of both sites.  It says "too much server redirects". Browser works good on other sites e.g. this Text here written.
Android 2.3.5 @ sgs2.
Title: Re: Mobile Device Website
Post by: Ruud on February 06, 2012, 10:56:51 PM
Same (android) problem here.

There is a great FF tool for testing this: http://chrispederick.com/work/user-agent-switcher/
A pretty good list of useragents are found here: http://techpatterns.com/forums/about304.html
With this tool you can test mobile sites using firefox.
 
Title: Re: Mobile Device Website
Post by: Tez Oner on February 07, 2012, 02:25:55 PM
Thanks for the comments...

At the moment it's optimized for iOS 3 and 4, it should detect Android
but as a Mac-user I have a iPhone myself ;) gonna work on the
Android... tho it's mainly webkit... but the jQuery-mobile framework
especially the 'page-preload'-function loads pages a few times...

Cheers,

Tez
Title: Re: Mobile Device Website
Post by: Ruud on February 07, 2012, 02:59:04 PM
The problem is not on jQuery or webkit level.
There is somekind of roundtrip in redirecting between the two websites.

(See screenshot)

[gelöscht durch Administrator]
Title: Re: Mobile Device Website
Post by: Xagone on February 13, 2012, 03:43:49 PM
i've never had this kind of foreverredirect with my mobile detector, at witch level do you detect? and how do you implement the templates?
Title: Re: Mobile Device Website
Post by: Tez Oner on February 15, 2012, 12:29:39 AM
Eey,

thanx for the replies... esspecially the Andriod issue... it should be fixed now!
The issue was; 1 - a redirect on browser-platform e.g. iPhone, Android etc...
to detect mobile-devices and 2nd; a redirect that detects the system-platform
e.g. Mac, Linux and Windows for the proper CSS-files.

And as Android is both Android-browser and Linux-system... it kept redirecting
between the regular and mobile website...

Used a code like this, should be better by now:

Code: [Select]
if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPad') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')
{
$browser = 'mobileDevice';
}

Check out the VA Template Framework for an implementation of this script!
http://revamds.com/pages/en-us/downloads.php (http://revamds.com/pages/en-us/downloads.php)

Cheerz,

Tez

Title: Re: Mobile Device Website
Post by: Xagone on February 15, 2012, 12:55:44 AM
you should check the detector on my mobile template:
https://forum.WebsiteBaker.org/index.php/topic,20946.0.html
more "thorought"

but it's not the latest version

i've now a platforme detector that can give "wap" "mobile touch" "html4" and "html5" different templates.