Solved

Create "view desktop version" on mobile

Posted on 2013-12-06
5
234 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
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 code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

820 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