Solved

Create "view desktop version" on mobile

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

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Library to convert HTML to PDF. 8 44
SVG Star 4 16
Login area of a page 4 19
Return data with AJAX, JQUERY and PHP 13 34
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.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

706 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

19 Experts available now in Live!

Get 1:1 Help Now