Solved

Create "view desktop version" on mobile

Posted on 2013-12-06
5
228 Views
Last Modified: 2014-01-14
Hi,

I want to create a "view desktop version" link on my mobile site ( well actually its responsive)

How do i do this - do i need to create a cookie

Any ideas?

Thanks
0
Comment
Question by:coolispaul
  • 3
  • 2
5 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39701241
From that description, I have no idea of what you are expecting to do.

If it is responsive then it will automatically present the desktop version to a desktop device.  If you are trying to override the responsive behavior on mobile, then you are just going to end up display junk, because trying to render a desktop version on mobile is going to make it impossible for it to render anything like it looks on desktop.

The who thing sound totally illogical; so if I am not understanding what you want to do please explain.

Cd&
0
 

Author Comment

by:coolispaul
ID: 39701291
Hi

Why couldnt it render it like the desktop? Not all sites are responsive so mobiles do display desktop optimised websites.

Wouldnt it be a case of dynamically changing the meta viewport but somehow mainaining this setting in a cookie or something for all pages?

Thanks
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39701349
Why couldn't it render it like the desktop?

Because it is not a desktop.  It does not use the same browser as a desktop.  It does not use the same operating system as a desktop.  it does not use the same rendering engine as a desktop, and in some cases it may not be able to support code that works on a desktop.

That said, just load the page without the media queries or disable the mobile stylesheet.  

However is still makes absolutely no sense to want to display a desktop version from a mobile optimized page, when the desktop version is not going to look like it looks on a desktop; assuming that the page is actually responsive.

You do not want to use a cookie.  You could use the session, but if you are going to do something this backward then go to the server and let it deliver the desktop version without the media query, so that you do not screw up a user by installing a cookie that prevents them from getting mobile; plus some user will not accept cookies.



Cd&
0
 

Author Comment

by:coolispaul
ID: 39701368
in my own personal experience, i actually prefer to see the desktop version of sites on my mobile. This being because you are not limited to what tyou see - i like to see the "full" (desktop) version of a website even if im viewing on my phone.

take the bbc for example -
http://m.bbc.co.uk/

they have a link to desktop and vice versa.

I think its good to give the user the option and therefore that's why i ask the question on how best to implement this...

Thanks
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39701443
Best way is to have two versions of the page, and check the session server side to see what the user is currently using.  That eliminates issued that would come from trying to override media query settings.

Cd&
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

895 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

14 Experts available now in Live!

Get 1:1 Help Now