I'm using Weinre to Debug my PhoneGap App locally. I've enabled Debug on Adobe Build, and when I run the App, I am able to connect and debug using the Weinre interface:
Everything works great until I navigate to a new page in my app. Then, I am disconnected, and can no longer debug:
Can anyone offer any guidance, or suggestions?
Well, that's just the way it works. weinre runs in "user land" - that is, as a live thing inside your page. So, when you replace the page with a different page, weinre won't be running on that new page, unless you've also instrumented that page to use weinre.
Please see the latest weinre docs for tips about using other debuggers, which might work out better for you.
Related
I know that it has been asked many times.
I'm trying to debug a rect-native app through wifi because I need to connect an usb device to the phone.
I have followed the instructions in the documentation.
When I try to reload the app, I have the red screen:
However, When I put the URL in the browser, it works:
Obviously I' missing something here, but I can't figure out what it is.
Any help appreciated.
EDIT: Saw this answer. It allows me to install the app via Wifi but not to debug it :(, still have the red screen of death.
EDIT 2:
Tried to overcome the problem by fetching the bundle with curl and put it in the asset folder for it to be embedded. This part works but I still can't debug, this time I have more subtle error message:
Unable to connect with the remote debugger
CLEARTEXT communication to 192.168.1.61 not permitted by network security policy.
which leads to this question.
EDIT 3: Solved by modifying the existing react native network config file
I am doing some tests and realised that android browser does not display my website. The other browsers are ok.
I used these libraries:
easeljs
mathjax
jquery
I also used html5 webworkers. This is my test website: thewebdesign.org/v16/
My question is:How to find out the reasons.
Take a look at https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging to be able to inspect the chrome console.
Hope it helps.
Remote debugging is the most accurate / best, as suggested above, but if you are not able to use remote debugging: You can try out browserstack (http://browserstack.com/). Even though you would fix the android issue, there are no guarantees, IOS works. That is why I have been using browserstack, to test IOS.
I am trying to debug a web page inside my Android app's WebView.
I've setup and started weinre following these and these instructions, modified my web page adding
<script src="http://my-local-ip:8080/target/target-script-min.js"></script>
Now, as I understand, I should open http://localhost:8080/client/#anonymous in Chrome and find my debug target there. However the targets list is empty.
What have I missed or done wrong?
Had to use IP address both in Debug Target and Debug Client, i.e.
http://my-local-ip:8080/client/#anonymous
I had the same issue. The issue is gone after changed "127.0.0.1" to real ip like "192.168.0.42".
Please help me in installing and debugging my mobile htmls from my machine using weinre.Lot of guys telling me how useful weinre is, but i am unable to find the way how to install it, please help me how to install weinre and debug using it.Thanks in advance.
If you still need to use Weinre locally, here is the global process after install:
Weinre does not find any target
More precisely here: https://stackoverflow.com/a/16761649/79445
When i try to search for the answer, i found one interesting link http://debug.phonegap.com/, there you have the weinre installed in that website.
What you need to do is:
open the link http://debug.phonegap.com/
Create your guid in the text box there.
then you see the script tag generated for your guid below.
copy paste that script tag in your mobile page where you want to test
open the page you want to test in the mobile browser
then come to the http://debug.phonegap.com/#yourguid.there you see the web inspector
debug it, simple.
I'm building a Phonegap application. I've already made the html application, and tested it in my Windows Google Chrome browser, with no errors. I've cheked it in the navigator of my Android Phone and it is working. However, after Phonegap, I see some things are not working.
Which browser is Phonegap using? Is it not the same as the Android navigator? Can I somehow debug it?
On my Eclipse console I only see errors about Vertext shaders.
Thanks
PhoneGap instantiates an Android WebView component with is not equal to the Android Browser. If your code has console.log statements you should be able to see them in LogCat tab in Eclipse.
If you want better debugging you should add WeInRe to your project for remote debugging.
You can add console.log statements, which can be seen with adb logcat in the Terminal, or with DDMS.
And how about this? What do you think?
https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc?hl=en