I am having an unexpected result with my hybrid app(ionic framework) and the problem only replicates it self when i deploy the apk on an android phone. It works perfectly in a browser.
Is there a way i can see the logs when it is running on the phone? so i can try to understand what the problem is and where its coming from.
I have tried to run the app on my phone using ionic run android -l -c. But when i do that the app works perfectly like it does on the browser. i realised it basically just plugs itself to my local server and serves it on my phone from there (i alerted the index url. as an app it shows android_assets/www/index.html but when running with the above commant it shows http://192.168.XX.XXX/#/index)
How can i see logs when installed as an apk? Please Help
PS: im a newbie at ionic/AngularJS.
Here is a life saver for you and many others.
Install the app on the device.
Make sure you have USB debugging on on the real device.
On your desktop open Chrome, and in the URL address bar type
chrome://inspect
Here you'll be able to see the list of devices that are connected and are using WebView. Click on inspect and you will be able to use Chrome Dev Tools on your running APK.
Related
I am trying to make a react native app with react-native-ble-plx. It works fine on an iOS emulator but crashes on boot when actually put on my iPhone. After some testing, I found that removing the page with the bluetooth stops it from crashing. How do you even go about debugging an error like this, it feels like I can't even get an error if I look for one?
I figured out what I was doing wrong when I couldn't find a crash message. I was building the "release" version instead of the "debug" version in the scheme menu.
I have a simple app, created using PhoneGap [Build]. Signed up for a developer account and got the app actually signed & installed in a test iPhone I borrowed. The app works perfectly on Android, and testing it in a browser. However on an iPhone, it hangs at the 'intro' screen.
Apparently, to debug it I'd need a Mac, specifically Safari v6+ [dev tools], which isn't available for windows.
I just simply need a way to see the console / errors for what is going on. I have been searching and trying different methods for 3 days now, and have hit a dead end.
Figured I'd add what I ended up doing for anyone else searching for this down the road...
The easiest way to do this was to install MacOS on VMWare. This video was particularly helpful (https://www.youtube.com/watch?v=3b04Da1WjBc).
Then, under the USB controller in VMWare make sure to select USB 2.0 & 'Show all'. Then all you should have to do is enable Safari Developer Tools under preferences on your VM, plug in your phone, and you're good to go. Was 10 times easier than every other description I found on the web.
Edit: Also, do not allow the OS to update, that will kill it.
I have the following problem:
I created a simple chat app with the this system as core (https://github.com/kishorekumaru/ChatSystem__Sample).
Now I started this app on a debain server and on the desktop it works perfectly but when I opened the page on my Adnroid device and started Google Chrome brwoser, the page shows up but when I want to enter something it doesn't do anything.
There is also no data displayed.
I think that the Android browser can't connect to the databas.
But why?
My server.js file is the same like in the Github rep. (see above).
I only added new styles and a button to send the messages so far.
EDIT 1
I tried debugging it with Google Remote Debugging (https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging#remote-debugging-on-android-with-chrome-devtools) then it works as designed, when I unplug the cable it crashes again....
Best regards
Tobias
I am now developing an cordova app which is on platform browser. But I met a problem when using cordova-plugin-file to read a local file. My browser always get an "adding proxy for File" and a "Persistent fs quota granted" in my chrome console.
screenshot of console
I download an example from Cordova-Examples-master in github, but it comes in the same situation. So it seems like a wrong setting bug not bug in my code.
Have anyone met this problem before?
Any help is appreciated.
Cordova app should run from WebView control embedded to native mobile Cordova-based application with corresponding plugins compiled. It will not properly work in standalone web-browser, neither on PC nor mobile device.
Sorry for the question.
I'm current creating Phaser games for mobile using web browsers.
I can remote debugging on my android device using Google Chrome Browser of my android device also similar to Mozilla Firefox Browser and check if any error in javascript/html/css using the desktop developer tools of the browser.
Here is what i follow to use remote debugging for chrome
https://developer.chrome.com/devtools/docs/remote-debugging
Here for Mozilla Firefox
https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android
Already installed Android SDK
I'm currently developing on windows platform.
Using XAMPP
But i want to test now my app on the native browser of android phones gives me hard time to do it. and don't have any idea on how to do it.
If anyone has done it before.. Kindly please share knowledge on how you to do it and make it easy and comfortable for yourself to remote debugging native android browser.
thanks in advance
Ok, this will only work if you have a local version of the website deployed... and your phone must be connected to the same network.
For reference, I used this website: http://www.broken-links.com/2013/06/28/remote-debugging-with-weinre/
First, you'll need to install NodeJS as weinre is a NodeJS app.
After you install Node, you can use NPM to install weinre.
npm install -g weinre
Then you start weinre server on your local machine
weinre --boundHost -all-
Then paste the following code in your webpage that you want to debug. Change your_private_ip to the private IP of your local server. It probably starts with 192.168.x.x.
<script src="http://your_private_ip:8080/target/target-script-min.js#anonymous"></script>
Now on your desktop, go to http://localhost:8080/client/#anonymous to see a WebKit-style web inspector.
You should see something like this:
Now you can use the other tabs like the Console to view the javascript console, or the elements to look at their styling, etc... just like on chrome or firefox.
I don't know if you still need help, but for those who are having this trouble can try this, it worked for me:
Do the exact same thing like you were to debug from google chrome, in the "chrome://inspect/#devices" tab look for this: WebView in com.android.browser (Version/4.0 Chrome/30.0.0.0) (in my case, i'm using a huawei p7)see image
Sorry for my english