Click here to Skip to main content
15,893,337 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Hii ,

I am working on asp.net project , and i wanted to check how my webiste will look on differnt devices (resolutions) . Since i wanted to test this while developing is there anything from which i can check ??

I have checked online , but they seems to test live webistes and now localhst
Posted
Comments
Gyaneswar kumar 2-Nov-15 5:09am    
Use developer tool(f12) and select various device from top left side dropdown.

Chrome has great emulation functionality.

Hit F12 to get the dev tools up
Ctrl+Shift+M to toggle to the device mode.

You can select different devices from the top left most drop-down and you can throttle the bandwidth with the dropdown next to that.

The great thing is that Chrome with also try to emulate the browser context so it will appear to your website as the device it is emulating, but that functionality is rarely used
 
Share this answer
 
Comments
Afzaal Ahmad Zeeshan 2-Nov-15 4:49am    
5ed.
Torakami 2-Nov-15 5:22am    
I have checked this , but the devices available here for testings are iphone , nexus , blackberry and galaxy note and s4 . I wanted to check for tblet view , laptop view , desktop view , and mobile view .. these devices are complicated to check
Gyaneswar kumar 2-Nov-15 5:31am    
Get update your browser to add on latest device over there..
Andy Lanng 2-Nov-15 5:51am    
You can use the presets or you can add your own or you can even just resize the device window. For that matter, if you are not using the browsers check in your website the you can just resize your browser. If you want a quick way to test each resolution then you can add code to your site to make the whole page appear in a div of a specific size, but that would prolly be a waste of time
In addition to @Andy's solution, you can also do the testing with almost all the browsers in all major platforms if you can afford some price.

Check this site for trial-
https://www.browserstack.com/[^]

You can test locally hosted sites too.

Hope, it helps :)
 
Share this answer
 
Comments
Torakami 2-Nov-15 5:23am    
I want free , just wanted to check limited decent content checking not in depth
There is no way of doing this I'm afraid. Browserstack is the best solution, but other than that you need to test them on the actual devices themselves. Emulators just change the screen size and browser agent, they don't actually emulate how the page will look on that device, or how fast it will scroll, how your plug-ins will work etc.

Testing on all devices is always a hard thing to do. Companies either have the physical devices to test on (or at least the major ones), get employees to test on whatever devices they own, or use something like browserstack. None of those are options for you so you'll just need to hope that if it's ok on all desktop browsers that it's going to be ok on devices too.
 
Share this answer
 
Comments
Andy Lanng 2-Nov-15 6:57am    
This is very true. I once went out to the local mobile shop to test an issue someone had on his phone ^_^

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900