Does anyone know of a good mobile emulator that I can use to try and diagnoise CSS issues? Been working on an MVC4 site and the CSS looks fine on my big browser version, but the font sizes look off on mobile. I've tried just using the mobile CSS sheet on
the big browser, but not seeing any issues when I do that and can't find a way to actually view/change CSS on my mobile :( (normally use chrome developer tools to make sure my CSS is good).
emulator will worsen the productivity, fix height and width or main container and test within chrome, once tresolved all issues there, find your target machine and have test run there.
emulator will worsen the productivity, fix height and width or main container and test within chrome, once tresolved all issues there, find your target machine and have test run there.
Blah hate trying to fix CSS issues. So managed to get my big browser to display as mobile, but I don't see the same problems as I do actually viewing it on my Lumia 710 :S. Using the windows phone emulator I see the problems, but can't find any debug tools
using that so not sure what the problem is.
edit: Even changing the agent string to IE mobile it still shows correctly on big browser
itaraday
Member
2 Points
9 Posts
Fixing mobile CSS
Dec 07, 2012 11:33 PM|LINK
Does anyone know of a good mobile emulator that I can use to try and diagnoise CSS issues? Been working on an MVC4 site and the CSS looks fine on my big browser version, but the font sizes look off on mobile. I've tried just using the mobile CSS sheet on the big browser, but not seeing any issues when I do that and can't find a way to actually view/change CSS on my mobile :( (normally use chrome developer tools to make sure my CSS is good).
JangZ
Member
207 Points
74 Posts
Re: Fixing mobile CSS
Dec 08, 2012 02:02 AM|LINK
emulator will worsen the productivity, fix height and width or main container and test within chrome, once tresolved all issues there, find your target machine and have test run there.
JangZ
Member
207 Points
74 Posts
Re: Fixing mobile CSS
Dec 08, 2012 02:02 AM|LINK
emulator will worsen the productivity, fix height and width or main container and test within chrome, once tresolved all issues there, find your target machine and have test run there.
itaraday
Member
2 Points
9 Posts
Re: Fixing mobile CSS
Dec 08, 2012 01:07 PM|LINK
When I change the view to see how the mobile works on chrome it looks fine, when I run it on an actual mobile device though it doesn't.
roopeshreddy
All-Star
20119 Points
3320 Posts
Re: Fixing mobile CSS
Dec 08, 2012 07:36 PM|LINK
Hi,
No emulator provides the powerful desktop browser debugging tools!
You can give a try with Ripple emulator - http://emulate.phonegap.com/
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
itaraday
Member
2 Points
9 Posts
Re: Fixing mobile CSS
Dec 08, 2012 09:19 PM|LINK
Nope :( Ripple doesn't show the mobile versions only the big browser.
roopeshreddy
All-Star
20119 Points
3320 Posts
Re: Fixing mobile CSS
Dec 08, 2012 11:34 PM|LINK
Hi,
Check this - http://socketbug.com/
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
itaraday
Member
2 Points
9 Posts
Re: Fixing mobile CSS
Dec 09, 2012 12:11 AM|LINK
Blah hate trying to fix CSS issues. So managed to get my big browser to display as mobile, but I don't see the same problems as I do actually viewing it on my Lumia 710 :S. Using the windows phone emulator I see the problems, but can't find any debug tools using that so not sure what the problem is.
edit: Even changing the agent string to IE mobile it still shows correctly on big browser
roopeshreddy
All-Star
20119 Points
3320 Posts
Re: Fixing mobile CSS
Dec 09, 2012 02:50 AM|LINK
Hi,
As i said earlier, there are no specific debug tools for Mobile emulators!!!
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
raju dasa
Star
14320 Points
2440 Posts
Re: Fixing mobile CSS
Dec 10, 2012 06:06 AM|LINK
Hi,
Check this site, it says Opera mobile provides remote debugging:
http://dev.opera.com/articles/view/opera-mobile-emulator/
or You can combine firefox "Response Design tool" with firebug:
https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View
rajudasa.blogspot.com || blog@opera