I have a fairly simple Meteor app.
There's a very small database, no complicated Javascript - a small and simple Meteor app.
I use Iron Router.
Yet the back button does virtually nothing in Chrome for Iphone 5 and for Iphone 6. Works perfectly on desktop Chrome and on Ipad Chrome, also works beautifully on Iphone in Safari.
It's hard to see what the back button is doing, it just blocks.
Android browser OK
Desktop Chrome OK
Ipad Chrome OK
IPhone 5 Safari OK
IPhone 6 Safari OK
IPhone 5 Chrome KO...
IPhone 6 Chrome KO...
I'm not sure where to start to solve the problem, so I was wondering if anybody else has had a similar problem.
Any help gratefully received.
Related
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.
I'm trying to get an iPhone browser emulator to work on my website so it will work on all platforms. Are there any Javascript snippets that emulate the iPhone browser? I need it to zoom and browse the web, but the bookmark function is not required.
There isn't such a thing, as the iOS browser has a number of differences to any desktop browser.
The closest you could have is an iFrame surrounded by a picture of an iPhone, and instruct people to use Safari 5.
If you're on a Mac, you can use the iOS Simulator. Download Xcode from the App Store and with it comes the iOS Simulator, which also has the Safari app virtually exactly as is on the iPhone.
http://www.browserstack.com/ does exactly that. It ain't perfect, but it works..
On the Mac I got the iPhone Simulator but under Windows and Linux enviroments I need a webbrowser which emulates the behaviour and size of the iPhone browser. I'm not looking for a website with a frame with the iPhone screen size but an actual application. Prefably webkit based so it will behave as much like the iPhone as possible. It should also be able to send the same browser headers as MobileSafari in the iPhone and if not it should be possible to modify the headers. That could be done in a menu in the program, support plugins(which have the power to modify headers) or the progam should be opensource.
It might not exist and if not thanks anyway. However if it does that would be awesome. If you know a program which have some of the mentioned features but not all of them an no one have posted a better one feel free to post a link/the name of that browser (still better then nothing or a framed site in Safari).
tldr: iPhone like browser, same window size and headers as MobileSafari.
Try one of the following:
Blackbaud iPhone Browser Simulator
iPhone Drift web browser for Windows
MobiOne iPhone and Palm Pre emulator
So far as I can see, only the first of these actually uses Safari as the rendering engine, and it is using Safari for Windows rather than Mobile Safari, but it should be close enough I think.
try iphonedrift on windows
What version of Safari is on the iphone now? Is it Safari 4? Safari 3? 2? Something in between? In other words, when I'm writing code for the iphone, which version of Safari for the pc/mac will be the most accurate version to test it with?
I think I've already run into a case where the canvas tag is handled differently on the iphone than it is in safari 4. (specifically the fillText javascript cmd doesn't seem to work).
Point your iPhone here, the link provided by Neil doesn't seem to be working for me.
Link
Update.
I accessed the website with my itouch and this is the response:
User Agent: Mozilla/5.0 (ipod: U;CPU iPhone OS 2_2 like Mac OS X: es_es) AppleWebKit/525.18.1
Browser Name/Version: M_webkit/3.1.1
So I'm assuming it's safari 3.1.1
You can check the version of Safari or any web browser on an iPhone/iPad, quickly and easily, by entering one short script into the address bar.
Follow my simple instructions here:
http://twitter.com/timacheson/status/29580118976
point your iPhone here to see the browser tag:
http://www.iwebtool.com/browser_details
You should test your project with the iPhone simulator and on the actual devices you are preparing to deploy to.
As you mentioned, testing on a different platform is a guaranteed headache.
You can visit https://spiderip.com to check the brower useragent and version
Just do google as "show user agent"
https://www.google.co.in/search?q=show+user+agent
Output
it shows my browser version firefox 54.0
I want to test a website to see how it works with the iPhone but I don't own an iPhone or an iPod touch. Is there a way I can test how the site works on them without owning one?
What I'm really after is fixing how Stackoverflow's WMD markdown editor works on the iPhone. I hear that the hyperlink and image prompts are created too high. I think I know how to fix that but it's pretty tough to develop blind.
If you own a Mac, you can download the iPhone SDK which comes with an iPhone simulator. It works not only for debugging a native app but also for browsing the web.
If you have Safari on your computer, you can enable the "Develop" menu under Preferences > Advanced > Show Develop Menu in Menu Bar.
With this enabled, you can go to Develop > User Agent, and change the user-agent string to the device you want your browser to report to the web server as.
By resizing the window to the appropriate width, you can emulate what the site will look like on the iPhone.
The upside of this is that it's quick, it works on both Windows and Mac, and you don't need the iPhone SDK installed. You can also browse iPhone-specific versions of websites that catch user-agent strings directly from your PC.
The downside is obviously your Safari browser on your PC will behave quicker than on the actual device (especially in regard to javascript performance); it displays plugins and shows fonts that may not be available on the actual iPhone OS; a lack of multi-touch support and "snapping" to columns while scrolling; no auto-rotation; no multi-touch/pinch-zoom; widgets will look different; etc.
Just a notice on this old thread - we have now enabled live testing on iPhones and iPads via vnc at CrossBrowserTesting.com.
Ken - Founder
There is a free app on the mac that emulates the iPhone browser: iPhoney
I don't purport to have done more than a web search, but the problem seems to be solved by several products that are "iPhone web app emulators."
http://www.testiphone.com/
http://marketcircle.com/iphoney/