What is the best way to test a webpage on higher resolution than your current screen's resolutions?
up vote
10
down vote
favorite
I'm making a responsive website where I need to test my webpage's css, html, javascript rendering on 2400px resolution while my screen is only 1900px.
windows display resolution website
edited Apr 22 '13 at 3:14
Carl B
5,709123759
asked Jan 5 '12 at 16:54
metal gear solid
3,79244102169
|
show 3 more comments
up vote
10
down vote
favorite
I'm making a responsive website where I need to test my webpage's css, html, javascript rendering on 2400px resolution while my screen is only 1900px.
windows display resolution website
edited Apr 22 '13 at 3:14
Carl B
5,709123759
asked Jan 5 '12 at 16:54
metal gear solid
3,79244102169
possible duplicate of How can you take a screenshot of an entire webpage?
– Ƭᴇcʜιᴇ007
Jan 5 '12 at 16:57
You do realize that you can resize browser windows beyond your screen resolution on most systems? Just move them halfway out of the screen and then resize the border that's now in the middle of the screen. It's useless for actual use, but will suffice for testing. This screenshot of the complete window was taken on OS X with 1680x150 screen resolution.
– Daniel Beck♦
Jan 5 '12 at 16:59
@DanielBeck - strange i'm trying same on my Chomre (Windows) but it not stretching beyond my current screen
– metal gear solid
Jan 5 '12 at 17:14
It's really a problem with your OS trying to outsmart you then. Could reproduce with Safari on Windows 7.
– Daniel Beck♦
Jan 5 '12 at 17:17
Mine is Windows 7 too
– metal gear solid
Jan 5 '12 at 17:26
|
show 3 more comments
up vote
10
down vote
favorite
up vote
10
down vote
favorite
I'm making a responsive website where I need to test my webpage's css, html, javascript rendering on 2400px resolution while my screen is only 1900px.
windows display resolution website
edited Apr 22 '13 at 3:14
Carl B
5,709123759
asked Jan 5 '12 at 16:54
metal gear solid
3,79244102169
I'm making a responsive website where I need to test my webpage's css, html, javascript rendering on 2400px resolution while my screen is only 1900px.
windows display resolution website
windows display resolution website
edited Apr 22 '13 at 3:14
Carl B
5,709123759
asked Jan 5 '12 at 16:54
metal gear solid
3,79244102169
edited Apr 22 '13 at 3:14
Carl B
5,709123759
asked Jan 5 '12 at 16:54
metal gear solid
3,79244102169
edited Apr 22 '13 at 3:14
Carl B
5,709123759
edited Apr 22 '13 at 3:14
Carl B
5,709123759
edited Apr 22 '13 at 3:14
Carl B
5,709123759
5,709123759
asked Jan 5 '12 at 16:54
metal gear solid
3,79244102169
asked Jan 5 '12 at 16:54
metal gear solid
3,79244102169
asked Jan 5 '12 at 16:54
metal gear solid
3,79244102169
3,79244102169
possible duplicate of How can you take a screenshot of an entire webpage?
– Ƭᴇcʜιᴇ007
Jan 5 '12 at 16:57
You do realize that you can resize browser windows beyond your screen resolution on most systems? Just move them halfway out of the screen and then resize the border that's now in the middle of the screen. It's useless for actual use, but will suffice for testing. This screenshot of the complete window was taken on OS X with 1680x150 screen resolution.
– Daniel Beck♦
Jan 5 '12 at 16:59
@DanielBeck - strange i'm trying same on my Chomre (Windows) but it not stretching beyond my current screen
– metal gear solid
Jan 5 '12 at 17:14
It's really a problem with your OS trying to outsmart you then. Could reproduce with Safari on Windows 7.
– Daniel Beck♦
Jan 5 '12 at 17:17
Mine is Windows 7 too
– metal gear solid
Jan 5 '12 at 17:26
|
show 3 more comments
possible duplicate of How can you take a screenshot of an entire webpage?
– Ƭᴇcʜιᴇ007
Jan 5 '12 at 16:57
You do realize that you can resize browser windows beyond your screen resolution on most systems? Just move them halfway out of the screen and then resize the border that's now in the middle of the screen. It's useless for actual use, but will suffice for testing. This screenshot of the complete window was taken on OS X with 1680x150 screen resolution.
– Daniel Beck♦
Jan 5 '12 at 16:59
@DanielBeck - strange i'm trying same on my Chomre (Windows) but it not stretching beyond my current screen
– metal gear solid
Jan 5 '12 at 17:14
It's really a problem with your OS trying to outsmart you then. Could reproduce with Safari on Windows 7.
– Daniel Beck♦
Jan 5 '12 at 17:17
Mine is Windows 7 too
– metal gear solid
Jan 5 '12 at 17:26
possible duplicate of How can you take a screenshot of an entire webpage?
– Ƭᴇcʜιᴇ007
Jan 5 '12 at 16:57
possible duplicate of How can you take a screenshot of an entire webpage?
– Ƭᴇcʜιᴇ007
Jan 5 '12 at 16:57
You do realize that you can resize browser windows beyond your screen resolution on most systems? Just move them halfway out of the screen and then resize the border that's now in the middle of the screen. It's useless for actual use, but will suffice for testing. This screenshot of the complete window was taken on OS X with 1680x150 screen resolution.
– Daniel Beck♦
Jan 5 '12 at 16:59
You do realize that you can resize browser windows beyond your screen resolution on most systems? Just move them halfway out of the screen and then resize the border that's now in the middle of the screen. It's useless for actual use, but will suffice for testing. This screenshot of the complete window was taken on OS X with 1680x150 screen resolution.
– Daniel Beck♦
Jan 5 '12 at 16:59
@DanielBeck - strange i'm trying same on my Chomre (Windows) but it not stretching beyond my current screen
– metal gear solid
Jan 5 '12 at 17:14
@DanielBeck - strange i'm trying same on my Chomre (Windows) but it not stretching beyond my current screen
– metal gear solid
Jan 5 '12 at 17:14
It's really a problem with your OS trying to outsmart you then. Could reproduce with Safari on Windows 7.
– Daniel Beck♦
Jan 5 '12 at 17:17
It's really a problem with your OS trying to outsmart you then. Could reproduce with Safari on Windows 7.
– Daniel Beck♦
Jan 5 '12 at 17:17
Mine is Windows 7 too
– metal gear solid
Jan 5 '12 at 17:26
Mine is Windows 7 too
– metal gear solid
Jan 5 '12 at 17:26
|
show 3 more comments
9 Answers
9
active
oldest
votes
up vote
3
down vote
In Chrome browser:
Press F12. This will open DevTools.
Click a settings icon in the lower right corner. This will open DevTools Settings.
Go to Overrides on the left menu.
Check Enable and Device metrics.
Type in the Screen resolution
I always use it, it's really convenient.
edited Dec 24 '13 at 16:41
Andrea
1,43631316
answered Dec 24 '13 at 16:18
Arman Bimatov
1315
add a comment |
up vote
1
down vote
You can try this website it let you test your web page with any screen resolution
it let you choose from a preset resolutions or enter your custom resolution.
hope you find these lines helpful.
answered Jan 6 '13 at 20:39
kamalam
615
Being blocked by our proxy server. Is that a pointer to another site, or is that PHP page the actual page of the tool?
– Canadian Luke
Dec 24 '13 at 16:52
the PHP page that I've added here is the actual page of the tool
– kamalam
Nov 10 '15 at 20:28
add a comment |
up vote
0
down vote
This question is probably more suited for Webmasters but I'll take a stab at it and suggest ViewLikeUs which
allows you to check out how your website looks in the most popular resolution formats.
edited Apr 13 '17 at 12:33
Community♦
1
answered Jan 5 '12 at 17:37
CharlieRB
20.4k44490
1
it has only 1920 max
– metal gear solid
Jan 5 '12 at 17:40
add a comment |
up vote
0
down vote
Add a custom screen resolution in your video card's control panel.
answered Dec 12 '12 at 16:02
GENiEBEN
1012
3
Resolutions greater than supported by the screen? Could you provide more details how to configure this and what it looks like?
– Daniel Beck♦
Dec 12 '12 at 17:10
@DanielBeck This YouTube tutorial link is for nVidia cards. Fairly similar for ATI/AMD.
– GENiEBEN
Dec 12 '12 at 17:54
2
@ElGenieben That video explicitly warns at 0:39 that you could damage your display by setting a resolution that's too high.
– Nicole Hamilton
Dec 12 '12 at 19:43
add a comment |
up vote
0
down vote
Try out this online resolution tester, it offers variety of different resolutions to test your site with, just enter the url of your site, select a resolution and check it out.
http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html
Hope this helps!!!
answered Dec 28 '12 at 9:30
Neville
134113
add a comment |
up vote
0
down vote
You could try the addon for Chrome: Resolution tester that supports custom resolutions :)
answered Dec 28 '12 at 18:03
Skuli Axelson
1183
add a comment |
up vote
0
down vote
If you hit Ctrl+Shift+M in recent versions of Firefox, you'll enter Responsive Design View, which can resize the browser viewport to be larger than the actual screen size. You can also take screenshots and simulate touch events from FF 26 onwards.
Click for full size
You might find it easier to resize after you make the window smaller - you can drag the sizers further in one go. Or just enter a custom preset from the dropdown.
answered Dec 24 '13 at 16:45
Bob
45.2k20137171
Is there an api for this option ? For enabling it via js code injected either from website or from inside an addon?
– Kamal Reddy
Jul 18 '14 at 15:22
@KamalReddy I don't think you'd be able to do so from within the content context (website), but it should be possible from the chrome context (addon). Well, in the future anyway. Perhaps you can simulate the Ctrl+Shift+M?
– Bob
Jul 18 '14 at 15:33
add a comment |
up vote
0
down vote
Just change the zoom on your browser, when you zoom out, essentially your window size is reporting a bigger and bigger width to your application.
example jsfiddle here, just click on the button, see the width it's reporting, then zoom out a little and click the same button-- it'll report a larger size.
answered Dec 24 '13 at 17:08
Doobeh
101
add a comment |
up vote
0
down vote
Try the custom resolution settings in the device emulator in Google Chrome. It gives you more control than using the browser's zoom functionality.
Enable the device emulator and check the 'zoom to fit' option.
Manually enter resolutions up to 9999px wide (or drag the edges of the emulated screen. The emulated resolution will be scaled to fit in your own viewport.
You can keep the resolution height low actually as you will be able to scroll down anyway. This way you can keep the inspector open too. A great workflow for web development!
answered Mar 1 '16 at 17:17
bramchi
1
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "3"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f375020%2fwhat-is-the-best-way-to-test-a-webpage-on-higher-resolution-than-your-current-sc%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
9 Answers
9
active
oldest
votes
9 Answers
9
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
3
down vote
In Chrome browser:
Press F12. This will open DevTools.
Click a settings icon in the lower right corner. This will open DevTools Settings.
Go to Overrides on the left menu.
Check Enable and Device metrics.
Type in the Screen resolution
I always use it, it's really convenient.
edited Dec 24 '13 at 16:41
Andrea
1,43631316
answered Dec 24 '13 at 16:18
Arman Bimatov
1315
add a comment |
up vote
3
down vote
In Chrome browser:
Press F12. This will open DevTools.
Click a settings icon in the lower right corner. This will open DevTools Settings.
Go to Overrides on the left menu.
Check Enable and Device metrics.
Type in the Screen resolution
I always use it, it's really convenient.
edited Dec 24 '13 at 16:41
Andrea
1,43631316
answered Dec 24 '13 at 16:18
Arman Bimatov
1315
add a comment |
up vote
3
down vote
up vote
3
down vote
In Chrome browser:
Press F12. This will open DevTools.
Click a settings icon in the lower right corner. This will open DevTools Settings.
Go to Overrides on the left menu.
Check Enable and Device metrics.
Type in the Screen resolution
I always use it, it's really convenient.
edited Dec 24 '13 at 16:41
Andrea
1,43631316
answered Dec 24 '13 at 16:18
Arman Bimatov
1315
In Chrome browser:
Press F12. This will open DevTools.
Click a settings icon in the lower right corner. This will open DevTools Settings.
Go to Overrides on the left menu.
Check Enable and Device metrics.
Type in the Screen resolution
I always use it, it's really convenient.
edited Dec 24 '13 at 16:41
Andrea
1,43631316
answered Dec 24 '13 at 16:18
Arman Bimatov
1315
edited Dec 24 '13 at 16:41
Andrea
1,43631316
edited Dec 24 '13 at 16:41
Andrea
1,43631316
edited Dec 24 '13 at 16:41
Andrea
1,43631316
1,43631316
answered Dec 24 '13 at 16:18
Arman Bimatov
1315
answered Dec 24 '13 at 16:18
Arman Bimatov
1315
answered Dec 24 '13 at 16:18
Arman Bimatov
1315
1315
add a comment |
add a comment |
up vote
1
down vote
You can try this website it let you test your web page with any screen resolution
it let you choose from a preset resolutions or enter your custom resolution.
hope you find these lines helpful.
answered Jan 6 '13 at 20:39
kamalam
615
Being blocked by our proxy server. Is that a pointer to another site, or is that PHP page the actual page of the tool?
– Canadian Luke
Dec 24 '13 at 16:52
the PHP page that I've added here is the actual page of the tool
– kamalam
Nov 10 '15 at 20:28
add a comment |
up vote
1
down vote
You can try this website it let you test your web page with any screen resolution
it let you choose from a preset resolutions or enter your custom resolution.
hope you find these lines helpful.
answered Jan 6 '13 at 20:39
kamalam
615
Being blocked by our proxy server. Is that a pointer to another site, or is that PHP page the actual page of the tool?
– Canadian Luke
Dec 24 '13 at 16:52
the PHP page that I've added here is the actual page of the tool
– kamalam
Nov 10 '15 at 20:28
add a comment |
up vote
1
down vote
up vote
1
down vote
You can try this website it let you test your web page with any screen resolution
it let you choose from a preset resolutions or enter your custom resolution.
hope you find these lines helpful.
answered Jan 6 '13 at 20:39
kamalam
615
You can try this website it let you test your web page with any screen resolution
it let you choose from a preset resolutions or enter your custom resolution.
hope you find these lines helpful.
answered Jan 6 '13 at 20:39
kamalam
615
answered Jan 6 '13 at 20:39
kamalam
615
answered Jan 6 '13 at 20:39
kamalam
615
answered Jan 6 '13 at 20:39
kamalam
615
615
Being blocked by our proxy server. Is that a pointer to another site, or is that PHP page the actual page of the tool?
– Canadian Luke
Dec 24 '13 at 16:52
the PHP page that I've added here is the actual page of the tool
– kamalam
Nov 10 '15 at 20:28
add a comment |
Being blocked by our proxy server. Is that a pointer to another site, or is that PHP page the actual page of the tool?
– Canadian Luke
Dec 24 '13 at 16:52
the PHP page that I've added here is the actual page of the tool
– kamalam
Nov 10 '15 at 20:28
Being blocked by our proxy server. Is that a pointer to another site, or is that PHP page the actual page of the tool?
– Canadian Luke
Dec 24 '13 at 16:52
Being blocked by our proxy server. Is that a pointer to another site, or is that PHP page the actual page of the tool?
– Canadian Luke
Dec 24 '13 at 16:52
the PHP page that I've added here is the actual page of the tool
– kamalam
Nov 10 '15 at 20:28
the PHP page that I've added here is the actual page of the tool
– kamalam
Nov 10 '15 at 20:28
add a comment |
up vote
0
down vote
This question is probably more suited for Webmasters but I'll take a stab at it and suggest ViewLikeUs which
allows you to check out how your website looks in the most popular resolution formats.
edited Apr 13 '17 at 12:33
Community♦
1
answered Jan 5 '12 at 17:37
CharlieRB
20.4k44490
1
it has only 1920 max
– metal gear solid
Jan 5 '12 at 17:40
add a comment |
up vote
0
down vote
This question is probably more suited for Webmasters but I'll take a stab at it and suggest ViewLikeUs which
allows you to check out how your website looks in the most popular resolution formats.
edited Apr 13 '17 at 12:33
Community♦
1
answered Jan 5 '12 at 17:37
CharlieRB
20.4k44490
1
it has only 1920 max
– metal gear solid
Jan 5 '12 at 17:40
add a comment |
up vote
0
down vote
up vote
0
down vote
This question is probably more suited for Webmasters but I'll take a stab at it and suggest ViewLikeUs which
allows you to check out how your website looks in the most popular resolution formats.
edited Apr 13 '17 at 12:33
Community♦
1
answered Jan 5 '12 at 17:37
CharlieRB
20.4k44490
This question is probably more suited for Webmasters but I'll take a stab at it and suggest ViewLikeUs which
allows you to check out how your website looks in the most popular resolution formats.
edited Apr 13 '17 at 12:33
Community♦
1
answered Jan 5 '12 at 17:37
CharlieRB
20.4k44490
edited Apr 13 '17 at 12:33
Community♦
1
edited Apr 13 '17 at 12:33
Community♦
1
edited Apr 13 '17 at 12:33
Community♦
1
1
answered Jan 5 '12 at 17:37
CharlieRB
20.4k44490
answered Jan 5 '12 at 17:37
CharlieRB
20.4k44490
answered Jan 5 '12 at 17:37
CharlieRB
20.4k44490
20.4k44490
1
it has only 1920 max
– metal gear solid
Jan 5 '12 at 17:40
add a comment |
1
it has only 1920 max
– metal gear solid
Jan 5 '12 at 17:40
1
1
it has only 1920 max
– metal gear solid
Jan 5 '12 at 17:40
it has only 1920 max
– metal gear solid
Jan 5 '12 at 17:40
add a comment |
up vote
0
down vote
Add a custom screen resolution in your video card's control panel.
answered Dec 12 '12 at 16:02
GENiEBEN
1012
3
Resolutions greater than supported by the screen? Could you provide more details how to configure this and what it looks like?
– Daniel Beck♦
Dec 12 '12 at 17:10
@DanielBeck This YouTube tutorial link is for nVidia cards. Fairly similar for ATI/AMD.
– GENiEBEN
Dec 12 '12 at 17:54
2
@ElGenieben That video explicitly warns at 0:39 that you could damage your display by setting a resolution that's too high.
– Nicole Hamilton
Dec 12 '12 at 19:43
add a comment |
up vote
0
down vote
Add a custom screen resolution in your video card's control panel.
answered Dec 12 '12 at 16:02
GENiEBEN
1012
3
Resolutions greater than supported by the screen? Could you provide more details how to configure this and what it looks like?
– Daniel Beck♦
Dec 12 '12 at 17:10
@DanielBeck This YouTube tutorial link is for nVidia cards. Fairly similar for ATI/AMD.
– GENiEBEN
Dec 12 '12 at 17:54
2
@ElGenieben That video explicitly warns at 0:39 that you could damage your display by setting a resolution that's too high.
– Nicole Hamilton
Dec 12 '12 at 19:43
add a comment |
up vote
0
down vote
up vote
0
down vote
Add a custom screen resolution in your video card's control panel.
answered Dec 12 '12 at 16:02
GENiEBEN
1012
Add a custom screen resolution in your video card's control panel.
answered Dec 12 '12 at 16:02
GENiEBEN
1012
answered Dec 12 '12 at 16:02
GENiEBEN
1012
answered Dec 12 '12 at 16:02
GENiEBEN
1012
answered Dec 12 '12 at 16:02
GENiEBEN
1012
1012
3
Resolutions greater than supported by the screen? Could you provide more details how to configure this and what it looks like?
– Daniel Beck♦
Dec 12 '12 at 17:10
@DanielBeck This YouTube tutorial link is for nVidia cards. Fairly similar for ATI/AMD.
– GENiEBEN
Dec 12 '12 at 17:54
2
@ElGenieben That video explicitly warns at 0:39 that you could damage your display by setting a resolution that's too high.
– Nicole Hamilton
Dec 12 '12 at 19:43
add a comment |
3
Resolutions greater than supported by the screen? Could you provide more details how to configure this and what it looks like?
– Daniel Beck♦
Dec 12 '12 at 17:10
@DanielBeck This YouTube tutorial link is for nVidia cards. Fairly similar for ATI/AMD.
– GENiEBEN
Dec 12 '12 at 17:54
2
@ElGenieben That video explicitly warns at 0:39 that you could damage your display by setting a resolution that's too high.
– Nicole Hamilton
Dec 12 '12 at 19:43
3
3
Resolutions greater than supported by the screen? Could you provide more details how to configure this and what it looks like?
– Daniel Beck♦
Dec 12 '12 at 17:10
Resolutions greater than supported by the screen? Could you provide more details how to configure this and what it looks like?
– Daniel Beck♦
Dec 12 '12 at 17:10
@DanielBeck This YouTube tutorial link is for nVidia cards. Fairly similar for ATI/AMD.
– GENiEBEN
Dec 12 '12 at 17:54
@DanielBeck This YouTube tutorial link is for nVidia cards. Fairly similar for ATI/AMD.
– GENiEBEN
Dec 12 '12 at 17:54
2
2
@ElGenieben That video explicitly warns at 0:39 that you could damage your display by setting a resolution that's too high.
– Nicole Hamilton
Dec 12 '12 at 19:43
@ElGenieben That video explicitly warns at 0:39 that you could damage your display by setting a resolution that's too high.
– Nicole Hamilton
Dec 12 '12 at 19:43
add a comment |
up vote
0
down vote
Try out this online resolution tester, it offers variety of different resolutions to test your site with, just enter the url of your site, select a resolution and check it out.
http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html
Hope this helps!!!
answered Dec 28 '12 at 9:30
Neville
134113
add a comment |
up vote
0
down vote
Try out this online resolution tester, it offers variety of different resolutions to test your site with, just enter the url of your site, select a resolution and check it out.
http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html
Hope this helps!!!
answered Dec 28 '12 at 9:30
Neville
134113
add a comment |
up vote
0
down vote
up vote
0
down vote
Try out this online resolution tester, it offers variety of different resolutions to test your site with, just enter the url of your site, select a resolution and check it out.
http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html
Hope this helps!!!
answered Dec 28 '12 at 9:30
Neville
134113
Try out this online resolution tester, it offers variety of different resolutions to test your site with, just enter the url of your site, select a resolution and check it out.
http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html
Hope this helps!!!
answered Dec 28 '12 at 9:30
Neville
134113
answered Dec 28 '12 at 9:30
Neville
134113
answered Dec 28 '12 at 9:30
Neville
134113
answered Dec 28 '12 at 9:30
Neville
134113
134113
add a comment |
add a comment |
up vote
0
down vote
You could try the addon for Chrome: Resolution tester that supports custom resolutions :)
answered Dec 28 '12 at 18:03
Skuli Axelson
1183
add a comment |
up vote
0
down vote
You could try the addon for Chrome: Resolution tester that supports custom resolutions :)
answered Dec 28 '12 at 18:03
Skuli Axelson
1183
add a comment |
up vote
0
down vote
up vote
0
down vote
You could try the addon for Chrome: Resolution tester that supports custom resolutions :)
answered Dec 28 '12 at 18:03
Skuli Axelson
1183
You could try the addon for Chrome: Resolution tester that supports custom resolutions :)
answered Dec 28 '12 at 18:03
Skuli Axelson
1183
answered Dec 28 '12 at 18:03
Skuli Axelson
1183
answered Dec 28 '12 at 18:03
Skuli Axelson
1183
answered Dec 28 '12 at 18:03
Skuli Axelson
1183
1183
add a comment |
add a comment |
up vote
0
down vote
If you hit Ctrl+Shift+M in recent versions of Firefox, you'll enter Responsive Design View, which can resize the browser viewport to be larger than the actual screen size. You can also take screenshots and simulate touch events from FF 26 onwards.
Click for full size
You might find it easier to resize after you make the window smaller - you can drag the sizers further in one go. Or just enter a custom preset from the dropdown.
answered Dec 24 '13 at 16:45
Bob
45.2k20137171
Is there an api for this option ? For enabling it via js code injected either from website or from inside an addon?
– Kamal Reddy
Jul 18 '14 at 15:22
@KamalReddy I don't think you'd be able to do so from within the content context (website), but it should be possible from the chrome context (addon). Well, in the future anyway. Perhaps you can simulate the Ctrl+Shift+M?
– Bob
Jul 18 '14 at 15:33
add a comment |
up vote
0
down vote
If you hit Ctrl+Shift+M in recent versions of Firefox, you'll enter Responsive Design View, which can resize the browser viewport to be larger than the actual screen size. You can also take screenshots and simulate touch events from FF 26 onwards.
Click for full size
You might find it easier to resize after you make the window smaller - you can drag the sizers further in one go. Or just enter a custom preset from the dropdown.
answered Dec 24 '13 at 16:45
Bob
45.2k20137171
Is there an api for this option ? For enabling it via js code injected either from website or from inside an addon?
– Kamal Reddy
Jul 18 '14 at 15:22
@KamalReddy I don't think you'd be able to do so from within the content context (website), but it should be possible from the chrome context (addon). Well, in the future anyway. Perhaps you can simulate the Ctrl+Shift+M?
– Bob
Jul 18 '14 at 15:33
add a comment |
up vote
0
down vote
up vote
0
down vote
If you hit Ctrl+Shift+M in recent versions of Firefox, you'll enter Responsive Design View, which can resize the browser viewport to be larger than the actual screen size. You can also take screenshots and simulate touch events from FF 26 onwards.
Click for full size
You might find it easier to resize after you make the window smaller - you can drag the sizers further in one go. Or just enter a custom preset from the dropdown.
answered Dec 24 '13 at 16:45
Bob
45.2k20137171
If you hit Ctrl+Shift+M in recent versions of Firefox, you'll enter Responsive Design View, which can resize the browser viewport to be larger than the actual screen size. You can also take screenshots and simulate touch events from FF 26 onwards.
Click for full size
You might find it easier to resize after you make the window smaller - you can drag the sizers further in one go. Or just enter a custom preset from the dropdown.
answered Dec 24 '13 at 16:45
Bob
45.2k20137171
edited Dec 24 '13 at 16:51
answered Dec 24 '13 at 16:45
Bob
45.2k20137171
answered Dec 24 '13 at 16:45
Bob
45.2k20137171
answered Dec 24 '13 at 16:45
Bob
45.2k20137171
45.2k20137171
Is there an api for this option ? For enabling it via js code injected either from website or from inside an addon?
– Kamal Reddy
Jul 18 '14 at 15:22
@KamalReddy I don't think you'd be able to do so from within the content context (website), but it should be possible from the chrome context (addon). Well, in the future anyway. Perhaps you can simulate the Ctrl+Shift+M?
– Bob
Jul 18 '14 at 15:33
add a comment |
Is there an api for this option ? For enabling it via js code injected either from website or from inside an addon?
– Kamal Reddy
Jul 18 '14 at 15:22
@KamalReddy I don't think you'd be able to do so from within the content context (website), but it should be possible from the chrome context (addon). Well, in the future anyway. Perhaps you can simulate the Ctrl+Shift+M?
– Bob
Jul 18 '14 at 15:33
Is there an api for this option ? For enabling it via js code injected either from website or from inside an addon?
– Kamal Reddy
Jul 18 '14 at 15:22
Is there an api for this option ? For enabling it via js code injected either from website or from inside an addon?
– Kamal Reddy
Jul 18 '14 at 15:22
@KamalReddy I don't think you'd be able to do so from within the content context (website), but it should be possible from the chrome context (addon). Well, in the future anyway. Perhaps you can simulate the Ctrl+Shift+M?
– Bob
Jul 18 '14 at 15:33
@KamalReddy I don't think you'd be able to do so from within the content context (website), but it should be possible from the chrome context (addon). Well, in the future anyway. Perhaps you can simulate the Ctrl+Shift+M?
– Bob
Jul 18 '14 at 15:33
add a comment |
up vote
0
down vote
Just change the zoom on your browser, when you zoom out, essentially your window size is reporting a bigger and bigger width to your application.
example jsfiddle here, just click on the button, see the width it's reporting, then zoom out a little and click the same button-- it'll report a larger size.
answered Dec 24 '13 at 17:08
Doobeh
101
add a comment |
up vote
0
down vote
Just change the zoom on your browser, when you zoom out, essentially your window size is reporting a bigger and bigger width to your application.
example jsfiddle here, just click on the button, see the width it's reporting, then zoom out a little and click the same button-- it'll report a larger size.
answered Dec 24 '13 at 17:08
Doobeh
101
add a comment |
up vote
0
down vote
up vote
0
down vote
Just change the zoom on your browser, when you zoom out, essentially your window size is reporting a bigger and bigger width to your application.
example jsfiddle here, just click on the button, see the width it's reporting, then zoom out a little and click the same button-- it'll report a larger size.
answered Dec 24 '13 at 17:08
Doobeh
101
Just change the zoom on your browser, when you zoom out, essentially your window size is reporting a bigger and bigger width to your application.
example jsfiddle here, just click on the button, see the width it's reporting, then zoom out a little and click the same button-- it'll report a larger size.
answered Dec 24 '13 at 17:08
Doobeh
101
answered Dec 24 '13 at 17:08
Doobeh
101
answered Dec 24 '13 at 17:08
Doobeh
101
answered Dec 24 '13 at 17:08
Doobeh
101
101
add a comment |
add a comment |
up vote
0
down vote
Try the custom resolution settings in the device emulator in Google Chrome. It gives you more control than using the browser's zoom functionality.
Enable the device emulator and check the 'zoom to fit' option.
Manually enter resolutions up to 9999px wide (or drag the edges of the emulated screen. The emulated resolution will be scaled to fit in your own viewport.
You can keep the resolution height low actually as you will be able to scroll down anyway. This way you can keep the inspector open too. A great workflow for web development!
answered Mar 1 '16 at 17:17
bramchi
1
add a comment |
up vote
0
down vote
Try the custom resolution settings in the device emulator in Google Chrome. It gives you more control than using the browser's zoom functionality.
Enable the device emulator and check the 'zoom to fit' option.
Manually enter resolutions up to 9999px wide (or drag the edges of the emulated screen. The emulated resolution will be scaled to fit in your own viewport.
You can keep the resolution height low actually as you will be able to scroll down anyway. This way you can keep the inspector open too. A great workflow for web development!
answered Mar 1 '16 at 17:17
bramchi
1
add a comment |
up vote
0
down vote
up vote
0
down vote
Try the custom resolution settings in the device emulator in Google Chrome. It gives you more control than using the browser's zoom functionality.
Enable the device emulator and check the 'zoom to fit' option.
Manually enter resolutions up to 9999px wide (or drag the edges of the emulated screen. The emulated resolution will be scaled to fit in your own viewport.
You can keep the resolution height low actually as you will be able to scroll down anyway. This way you can keep the inspector open too. A great workflow for web development!
answered Mar 1 '16 at 17:17
bramchi
1
Try the custom resolution settings in the device emulator in Google Chrome. It gives you more control than using the browser's zoom functionality.
Enable the device emulator and check the 'zoom to fit' option.
Manually enter resolutions up to 9999px wide (or drag the edges of the emulated screen. The emulated resolution will be scaled to fit in your own viewport.
You can keep the resolution height low actually as you will be able to scroll down anyway. This way you can keep the inspector open too. A great workflow for web development!
answered Mar 1 '16 at 17:17
bramchi
1
answered Mar 1 '16 at 17:17
bramchi
1
answered Mar 1 '16 at 17:17
bramchi
1
answered Mar 1 '16 at 17:17
bramchi
1
1
add a comment |
add a comment |
Thanks for contributing an answer to Super User!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f375020%2fwhat-is-the-best-way-to-test-a-webpage-on-higher-resolution-than-your-current-sc%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
possible duplicate of How can you take a screenshot of an entire webpage?
– Ƭᴇcʜιᴇ007
Jan 5 '12 at 16:57
You do realize that you can resize browser windows beyond your screen resolution on most systems? Just move them halfway out of the screen and then resize the border that's now in the middle of the screen. It's useless for actual use, but will suffice for testing. This screenshot of the complete window was taken on OS X with 1680x150 screen resolution.
– Daniel Beck♦
Jan 5 '12 at 16:59
@DanielBeck - strange i'm trying same on my Chomre (Windows) but it not stretching beyond my current screen
– metal gear solid
Jan 5 '12 at 17:14
It's really a problem with your OS trying to outsmart you then. Could reproduce with Safari on Windows 7.
– Daniel Beck♦
Jan 5 '12 at 17:17
Mine is Windows 7 too
– metal gear solid
Jan 5 '12 at 17:26