So my react web application loads perfectly fine on Android Chrome Browser, and other browsers such as UC Browser, Safari on iOS.
However, recently we found that the web application loads blank page when opened using Android Native/Stock/Default Browser ( The blue globe icon ) found on any Samsung / Lenovo devices.
I was able to use weinre / ngrok to attach web debugger, but I was not able to find any errors. The browser would just stop requesting for more static assets and stop doing anything.
I ran another test for my internal web application which is also a react web app (same config), and it loads fine on Android Native/Stock/Default Browser. I'm looking for clue as to what may cause this browser to stop requesting from the webserver...
Thx
Related
Recent versions of Chrome for Android allow the installation of a web page in the home screen, using the web app manifest.
But here's my question: how do I detect in Javascript whether the page was launched from the home screen? I found a page advising the use of window.matchMedia, but this does not seem to work with Chrome 47 on Android.
Anyway, is there a solution at all for this problem?
I am building an iOS app in which I have a webView i.e. UIWebView not WkWebView and I have some JavaScript code that uses AngularJS for UI manipulation.
I run my app in the iOS simulator from Xcode and then open Safari and go to Develop -> iOS Simulator -> AppName -> index.html, which attaches the safari web inspector to the web view. In the inspector under the resources tab I select the relevant JavaScript file and put a breakpoint for the JavaScript code that I want to start from.
What happens now is when I navigate to the part of my app when the JavaScript code is executed, it pauses in the web inspector just fine. The problem is, I cannot navigate through the code: it just freezes. I cannot unpause it.
What I do notice in my Xcode console is this error
Multiple locks on web thread not allowed! Please file a bug. Crashing now...
This doesn't happen all the time, just 60-70% of the time when I am working on my app. So this is my first iOS app and I am building it using Swift.
This seems like I have a missing link somewhere. But any tips or anything would be great.
I am working with ST2.3.1 and Cmd 4. My app builds and runs fine on my desktop browser but does not launch on a browser on my mobile device. The loading dots with blue background shows up and then just hangs.
I tried this with a testing build on an iPhone 4S with Safari and Chrome, with similar results. So I pulled up the app in Safari, and opened Safari Web Inspector to see what's going on, and I cannot see anything unusual in the index.html. I have taken a screenshot and attached it below. The fact that the loading dots show up and the index.html loads means that I dont have a problem accessing the webserver.
Any ideas why the app may not be launching? Should I expect a testing build from cmd to work just the same way on a mobile browser as on a desktop, or does that require additional setup/configuration? My build settings are otherwise unchanged and use default settings mostly. Could this be a Mac OS X firewall problem? It's running on default factory settings.
Thanks in advance!
I am developing a standalone web app that installs on iphone homescreen.
It has a calendar function that the user can download an *.ics file directly into the iphone.
However, that cannot be done from within the standalone web app, so I have a punch out url to mobile safari so that it will work.
All that works fine...
However, after the ics file is loaded into the calendar and closed, it returns to the mobile safari page where I in turn close that by using onclick='self.close()'. That works fine too...
After that page closes I want to then launch back into standalone app so the user is returned to where they were...
How do I launch my own web app from a mobile safari javascript code?
All the searching shows me how to go from standalone to mobile safari,...I want mobile safari to standalone.
I have seen the windows.location="myapp://myparam" but cannot find proper syntax to get it to work.
What is the syntax for this?
Any other solution is well received too...will need to find Android solution too, but it is not as crucial...
Thanks
I have an iPad with iOS 6.1 connected to a windows 8 machine. I would like to be able to debug some javascript code running on the iPad.
The safari on iPad has a web inspect option that needs the iPad to be connected by wire to computer and then can be accessed in Safari for desktop's develop menu. I installed Safari 5 for Windows but don't see the iPad detected in the develop menu.
Any other ideas ?
The Firefox Tools Adaptor allows one to use Firefox DevTools for Safari on iOS.
https://github.com/mozilla/valence#debugging-safari-firefox-and-other-webviews-on-ios
For remote debuggin I use Weinre.
Weinre has almost everything you need, but lacks a JavaScript debugger.
It has a WebInspector for DOM manipulations, network traffic, timeline, resources and a console.
Checkout this project on GitHub: weinre-remote-debug to setup weinre locally.
Another option described on this page is jsconsole.com. By appending a <script> tag to your page (or running a bookmarklet on your device) you get access to a JS console.
To start, go to jsconsole.com and run :listen in the prompt. This will give you a unique session ID and a script tag that you insert into your mobile web page.
Now, any console output that your mobile page generates will be streamed to the console open in your desktop web browser, including any errors!
It is certainly no replacement for a full web inspector, but it can get you out of trouble when you don’t have access to a Mac.
Source: https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/