?
Solved

Create "view desktop version" on mobile

Posted on 2013-12-06
5
Medium Priority
?
239 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 1500 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

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Suggested Courses

762 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