I have a simple login page in a mobile site that should be reached the very first time the user arrives at the site. It used to work before (I used to test it by clearing cookies on the phone.) Now it has stopped working and I am not sure how to debug it. Here are the symptoms
It works on safari running on iphone
It works on ipad chrome
It works on desktop chrome (and ripple iphone simulator)
But it does not work on chrome browser running on iphone
Any thoughts on how I can go about debugging this issue?
Thanks!
Turns out I had done a chrome upgrade two days back. I did not reboot the iphone ater that. I switched the phone off and on and it worked.
Related
I have an old iphone 4s with iOS9. I checked Settings > Safari > Advanced : Web Inspector on the device and enabled Safari > Preferences > Advanced : Show Develop on the Mac.
When I connect the phone and browse with safari, the iphone doesn't appear in the Develop menu.
The process works fine with an ipad iOS 11 (I can access the debug console via the Develop menu).
Anyone has an idear on this ?
Thanks.
With Apple this usually means that you should update Safari to the latest version. Well, you better upgrade everything with Apple. Sometimes they break and fix things.
Another thing you could try is to reset the PRAM and SMC that often solve Mac hardware problems :
http://osxdaily.com/2010/03/24/when-and-how-to-reset-your-mac-system-management-controller-smc/
And last, check that you have enabled web inspector on the said iphone. Sometimes we forget the very basic thing or it might have been turned off by something.
Some people with the same problem solved it by using Safari Technology Preview: https://developer.apple.com/safari/download/
After upgrading to ios 5.1.1 from 4.2.1, my page www.zolkan.com loads and immediately disappears showing a blank gray page. I did not change anything on my page for over a year.
Before upgrading my iPhone from 4.2.1 to 5.1.1, it loaded fine. Same was with my iPad running 5.0.1... After going to 5.1.1, the page loads and disappears.
It seems that only the dynamic page (generated by python CGI) is doing this... The rest of the static pages behave normally.
Any ideas?
Use safari under developer mode as an iOS device to determine the root cause. After looking at what is happening, I bet your social loading code has changed something remotely, specifically, the fb-root tag that is warned about in the error console. Start there by disabling the social network stuff and start debugging.
update: I just disabled javascript on my phone and got the page up so it is definitely a JS bug somewhere.
I'm building website for mobile,
and I want to running the application in the mobile browser, iPhone, and iPad.
Is there any download link for the emulator?
I prefer a free application.
You can run your app in mobile browsers in the iOS Simulator on the Mac, which can simulate both iPhone and iPad.
If you are on a Mac, use Spotlight (command-space) to search for "iOS". It should come up if it's installed.
If it is not installed, install XCode and it should be installed with it.
If you are not on a Mac, there is no official emulator or simulator. There may be unofficial ones, but they probably won't be free, if they exist at all.
to run iPhone emulator you will need a mac (it's only available on macOS). Install xCode (http://developer.apple.com/xcode/index.php)
end run simulator. it's free.
If you are on a Mac then use XCode. If you are stuck on Windows try iPhone Drift http://www.aviassin.com/iphonedrift or Electric Plum http://www.electricplum.com/simulator.aspx
if you just want to quickly view how a webpage would render at various mobile device resolutions then synthphone.com is a nice little webpage.
NOTE: synthphone is NOT an emulator! this website only lets you simulate browsers of various widths and heights!
http://synthphone.com
you can even link directly to a url via query strings. for example, click the link below which points to the Sencha Touch 2 carousel.
http://www.synthphone.com/?u=http://dev.sencha.com/deploy/touch/examples/production/carousel/index.html
(Use your mouse like a finger to slide around the images etc.)
enjoy!
All the "emulators" I've found via google are simply a skin on top of Safari desktop or use your OS's default browser :( I borrowed my friends iPhone and noticed the CSS for a pure CSS drop-down menu doesn't render properly and you can't click the links, yet it renders properly on Safari desktop and every other browser even Internet Explorer 6 and 7. In other words the site is unnavigable on the iPhone. How can I test the Safari Mobile rendering engine without buying an iPhone?
edit: Okay it appears there is an iPhone simulator for Mac. I will just see if an OSX image will dual-boot on another harddrive partition of my laptop, if not I'll scrounge for a used iPod Touch though I generally disdain possessing superfluous peripherals.
Either use a Mac and run the iPhone Simulator, or get an old iPod touch, which isn't that expensive.
If it depends on rollover of any sort then I think you've discovered the problem.
Is purchasing a mac mini within your budget? Then you could load the emulater in XCode.
I have just encountered very strange problem - my GWT app hosted on Google App Engine does not want to work on iPhone over 3G, however it works fine over Wi-Fi.
For testing I created empty GWT module with only Window.alert in the onModuleLoad. If I switch on Wi-Fi, the alert is shown, with 3G - just blank page although with correct title.
Safari Developer console on iPhone looks absolutely the same for 3G and Wi-Fi - some 3 errors about wrong placement of meta tags.
Just recently I installed iPhone OS 4.0 (tried beta 1 and beta 2), and I can not roll it back to version 3, so can not really say where the problem is.
Does anyone have any ideas what may be happening here?
Sample page is hosted on http://iphntst.appspot.com
This was not a problem neither in iPhone OS 4 nor 3G. Looks like something wrong with Google AppSpot. Now it works well.