Changing Website View in Browser to responsive mode

Question

I've got a Application wich offers possibilities to produce normal or responsive content.

Now I want to implement a preview Funktion so the user can test and switch automaticall between the views, like its implemented in chrome.

Just want three buttons, smartphone, tablet, desktop. Does someone have a great Idea how to do this nicely? It should work in all current browsers :)

Thanks

score 1 · Accepted Answer · edited May 23 '17 at 11:53

1

Solution 1: Resize Browser Window - this will give you a new viewport, which any relative width then adapts to. Use

window.resizeTo(width, height);

(source: this answer) no need for jquery.

Solution 2: Edit the viewport itself. As found in a 5 second search in this solution.

viewport = document.getElementById('viewport');
viewport.setAttribute('content', 'width=YOURWIDTH');

edited May 23 '17 at 11:53

Community

answered Feb 23 '16 at 13:48

dasjanik

yeah thats for a new window, I want it for the actual one – Felix Feb 23 '16 at 15:41
the W3 example is. The resizeTo method can also be called on the current window (even though it's forbidden by some browsers) – dasjanik Feb 23 '16 at 15:57

1 Answers1