I have been using Chrome to debug a mobile application that I am working on, but lately I am unable to give commands like console.log('test'), or debug variables, for example: if I typed Array_Person I would get something like
[Object,Object]
>0:Object
>1:Object
And if i expand the object i would get the data inside. Now it doesnt.
Now for some reason every time i try to debug my device application, no matter what i type, it works like i am typing on notepad
It affects only my device debugger, if i try to debug a website it works as usual
What I have already tried:
- Close then open Google Chrome
- Uninstall and reinstall Google Chrome
- Reboot computer
- Recompile the mobile application
I expected to be able to open the details of the Array, as I want to debug the content of an array.
Obs: I am new here, so if my question does not fit this site, do tell me where should i send this question.
Related
I have been struggling to get my app working the way I want it to. I have an ionic/angular based app that is meant to be only for the Android platform. It is basically a wrapper for an already-existing website from the company I work at. The InAppBrowserObject works great for this, it does exactly what I want except that it doesn't auto-fill the login credentials. It makes it so users need to login every time they open the app which is not what we want. We want the external website to open in the app itself and not in the device's browser, so I use "_self" as target.
I have noticed that when I use the device's browser (target: _system) that it asks for permission to save the credentials and then it does actually save them. It is only when I use the targets: "_self" or "_blank" that I get no popup asking to save it (it also doesn't save it). In the image below you can see the code in the app.component.ts file and some information about the app which might be important. The app is small, it literally only has the app.component files and that's it. It opens the external website immediatly when the app is started.
At this point I am clueless as to what to do about this problem. I think I have visited every website that is related to this subject and the solutions are either outdated or there is no solution at all. I hope I gave enough information as to what the problem is, if not, I can always add more.
Information:
using Angular(ts), Ionic in vs-code. Testing apk in Android Studio.
InAppBrowserObject (Cordova, #awesome-cordova-plugins/in-app-browser)
app.component.ts file ^
target set to _self and not auto-filling the inputs (the inputs in the website are set with autocomplete on)
target set to _system and auto-filling is working correctly.
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 know theres a few posts on this site regarding this error message but my issue doesn't seem to be answered by any of the solutions.
I am debugging my React Native app using my Android testing phone. Everything works correctly until I start using "Debug JS Remotely" with Chrome's React Native Debugger. That is when Chrome gives me this error. I do not have any other packages running and my AppRegistry has the correct name.
Edit: I restarted my computer and I managed to get Chrome React Native Debugger working without this error. However, upon reloading the app this error starts to pop up again.
Edit: Another thing to note, my application is working correctly when I'm not using Chrome's debugger. I have live reloading on and my app updates upon making changes to my files. This issue only appears when I turn on Remote JS Debugger.
in two situations this will happen:
1: when your development server is not up so try this:
react-native start
2: otherwise try this in terminal react-native run-android
Make sure that the packager is running from same directory as the app.
Make sure that the string in MainActivity.java matches the string in index.android.js.
I am trying to get our Android app to run under Chrome using ARC Welder on a Mac. The app is crashing soon after startup and I'm trying to look at the Logcat to see what is going on. I have found the following instructions in another thread that discusses how to do this.
Open your debug APK in ARC Welder and run it
Open logcat in Android Studio, (or what ever tool you normally use to view logcat).
Open Chrome and type "chrome://inspect/#apps" in the address bar
Hopefully you see your App name listed, click the 'inspect' link for your app.
In the Javascript Console that appears type "plugin.shell('adbd')" and press enter.
Now go back to Android Studio and you should see a load of log messages in the logcat, filter by your app name and hopefully you are good to go.
My problem is after step #3 I don't see my app listed when going to "chrome://inspect/#apps". I only see the ARC Welder app listed (and sometimes even that is not there). Hence there is no "inspect" link to click.
Any idea what I'm doing wrong? How can I view the app's Logcat when running under ARC Welder?
I did finally get this figured out. The app appears on the chrome://extensions page and it is there that I can "inspect" it. It also appears that you can only do a plugin.shell('logcat') while the app is actually running. So if the app is crashing at startup, you need to put a delay in so you can enter this command before the crash actually happens.
I installed ARC_Welder to test run my android apps. App runs , but I was trying to get logs. I read this article : https://developer.chrome.com/apps/getstarted_arc .
Tried running -- plugin.shell('adbd') in JavaScript console (chrome://inspect/#apps) .
But i'm getting this error :
Uncaught ReferenceError: plugin is not defined
Same thing happened when tried running : plugin.shell('logcat');
I'm not a chrome javascript developer. please help me understand where i am wrong..
I just had the same issue, the instructions on the page you mentioned are correct, but not very clear.
You should:
Open your debug APK in ARC Welder and run it
Open logcat in Android Studio, (or what ever tool you normally use to view logcat).
Open Chrome and type "chrome://inspect/#apps" in the address bar
Hopefully you see your App name listed, click the 'inspect' link for your app.
In the Javascript Console that appears type "plugin.shell('adbd')" and press enter.
Now go back to Android Studio and you should see a load of log messages in the logcat, filter by your app name and hopefully you are good to go.
Are you sure you opened your apps page by clicking the "inspect" link from the "chrome://inspect/#apps" page?
The error you see suggests that you are typing it into some javascript console that isn't for an app view. The "plugin" name is only defined for use by Chrome apps and extensions, and not arbitrary web pages.