I have a mobile site which I developed in ASP.NET and I was wondering if anyone knows of any tools to test this on Chrome in an iPhone / iPad environment? This site has been functioning properly for awhile in every other browser on every other device, however there seem to be issues with it in this browser only on the iPhone / iPad. I just don't know how / if I can debug it somehow. Any help is appreciated. Thanks!
You may find Adobe Shadow a helpful tool in this case: http://labs.adobe.com/technologies/shadow/
Watch the demonstration here, you'll see that you can debug your code like you would using the chrome dev tools itself.
Related
We are facing few HTML/CSS issues on rendering our HTML email on Apple mail client on iPhones
Is there a way one can inspect and debug the issue?
Does Apple provide any emulator/tool to do the same?
What worked for us is Epiphany browser. It mimicked the restricted ability of Apple mail client to render HTML far more closely than any of the solutions below -
google chrome, firefox, safari in responsive design mode
Someone suggested to try emulator in XCode but I couldn't get hold of Apple mail in Xcode -> Window -> Devices and Simulators
You can download an emulator in xcode and visually inspect most Apple devices in emulation.
A simple approach is to use Google Chrome. The engine powering Chrome is based on Webkit, which is the same html engine that powers Safari and IOS and iPadOS devices. The Inspector can allow you to inspect a variety of devices in emulation.
You can do much of this with Apple Safari as well.
A third approach is go post your code, define the problem and let people see if they can determine a fix.
Good luck.
I am trying to make my webpage mobile friendly. So, I am using Chrome DevTools to design a mobile version of my webpage. I have it the way I want it to look in DevTools. I uploaded it to my website & viewed it on a actual mobile phone & objects are not in the same places as they are in DevTools. I used the iPhone 6 mobile design in DevTools and also view it on an actual iPhone 6. They don't match. Anyone else have this problem? I have read articles about this, but don't know how to fix it. Any ideas? Should I use a different emulator?
This is Chrome DevTools version on iPhone 6:
This is how it really looks on an iPhone 6:
DevTools technical writer here. DevTools is just a simulation of mobile devices. It can't truly simulate an iPhone. So it's always a good idea to check how it actually looks on the devices that you care about (like you did). I don't think there's any bug or issue here. It's just an instance where the DevTools simulation doesn't reflect reality 100%.
Mac users can use Xcode's Simulator (that's the actual name of the simulator) to emulate any Apple mobile device and see exactly how their website will appear on it.
You can use it to open Safari and access your localhost. I used it to fix issues on my website, issues that I could not reproduce in DevTools' device simulator.
Clear the cache for on your browser to ensure that your phone is accessing the most recent updates to your code.
(I have Googled a lot but either I do not understand the info or ...?)
So on the desktop I can debug my site using Chrome Dev. Tools. All good.
But a small part of my site does not run correctly on my new iPad Pro with iOS 10 (it seems to be OK with iOS 9, 8)
Can someone please point me down the right path.
Thanks
If the suggestion from #w0xxOm is no good for you on Windows, Browserstack is a great alternative.
I'm using win7.
and i have website which i want to test it with iPhone browser environment.
which it's use most flash (jISFR).
this is the website i talking for,
http://www.hamuranalodge.com/
may you can see menu navigation is using flash jSIFR, which it's seems not work in iPhone, and want to fix it. of course i need iphone Testing for it.
Is there somebody know how i can test it with iphone browser?
may there is a software can do it?
or a website give service like that?
Thanks
Not a perfect solution but you might be able to test it on the Android browser instead. The SDK runs on all major OSs and is free to download and install. Just make sure that flash support is turned off. I'm pretty sure iPhone and Android both use WebKit so you should get similar behaviour on both.
You could use the iPhone simulator if you have access to a Mac.
There are sites like this:
http://www.testiphone.com/
but this one doesn't work very well, at least not for this particular request. Go there and point it at www.worldsbk.com - it renders the Flash block on the top right hand side just fine on my desktop computer (Firefox3 Mac OS X), but have a look here:
http://www.flickr.com/photos/bigiain/5037577763/
to see a screen grab of that page from my iPhone... Note the big grey block where the flash bit should be...
I am looking for iPhone emulation software to test a couple of internal web applications against the iPhone. There are a few quirks occuring with iPhone users that would like to fix but I am unsure how to test them.
For example one of the issues is that numbers are showing up as phone number links on the iPhone which 99% of the time is incorrect. On regular Windows Safari this doesn't occur.
There are also formatting issues with fonts and spacing that occur on no other broswer except the iPhone version of Safari.
Emulator must be free and work under Windows. Suggestions?
There is a Windows build of WebKit embedded inside an iPhone-like shape called Blackbaud iPhone Browser Simulator. You can download it here http://labs.blackbaud.com/NetCommunity/article?artid=662
If you're looking for general WebKit issues, Safari 4 and Chrome use fairly similar builds of WebKit. Most issues can be troubleshooted in that manner.
For things like the automated tel://########## hyperlinking, though, you're likely SOL. That's an iPhone specific customisation of WebKit. It can be disabled (details in someone else's answer here) but you're not going to be able to test for the behaviour on Windows.
Another iphone webkit emulator :
http://www.genuitec.com/mobile/
Build by genuitec, the creators of myEclipse. It's better than using safari desktop as it's a modified version of webkit in order to have the same behavior than safari iPhone. But in reality, it's not 100% equal !