Debugging navtivescript vue - nativescript

I'm really new to developing an Android app using NativeScript Vue.
I'm struggling to understand what the debugging capabilities are. I have created a sample project using the template https://github.com/nativescript-vue/vue-cli-template) and have read about vue devtools. I'm wanting to put breakpoints in my JavaScript somewhere (in Chrome?) so I can step through my code, I just can't work out if this is possible?
Can anyone help?
Thanks

Did you try tns debug [ios|android]?
This will by default initiate a debugger with Chrome Dev Tools. You will see a URL in console once app is launched in your Simulator / Device, just have hit that with Chrome.

Related

How do I clear state such as permission decisions from the Visual Studio/MAUI WebView?

I'm working on MAUI app with a WebView and have gotten into a state where the Camera permission has been denied. I'd like to clear or change this, but the WebView doesn't offer a UI for doing so like a browser does. I'm only trying to debug for Windows locally at this point. How can I clear this state for local development? Like, just reset the WebView to act as if I've never run the app before. Thanks.
Extra info: this is a Blazor MAUI hybrid app. I'm inspecting the embedded WebView using Edge DevTools (the default for this type of project).
There is probably a more elegant solution, but I finally resolved this by changing the Package name in the .appxmanifest file, running the app, and then changing it back.

How to debug ionic 2 native

What is the best way to debug ionic 2 native features like the camera?
My app keeps crashing after i give permission to use the camera on my android device. Google chrome dev tools won't work in my case.
All help is appreciated!
The disadvantages of Ionic framework is hard to debug when call native plugin.
I have suggestion. Should you put breakpoint 'debugger' or "console.log()" before and after your function call Camera ?. And open chrome with url : 'chrome://inspect/#devices' to check what's happen ?
cheer!
Chrome did leave me with an error:
file:///storage/emulated/0/Android/data/io.ionic.starter/cache/.Pic.jpg exposed beyond app through ClipData.Item.getUri()
I do want to know how to fix this but i will start a diffrend question
I think that you could use chrome for debugging , steps you will follow :
connect your pc with your android or IOS device
open chrome and right click , then choose inspect
from the top bar choose more tools then choose remote devices
then click on your connected device in devices settings
write the command ionic cordova run android --device in your terminal to run your app.
click inspect your device on chrome

Debugger for Ionic Framework

Fellows I am having a huge trouble with an project in Ionic and I want to use a dedugger in order to solve more effficiently.
Do you know how to use a debuggger in order to achieve that;
If the answer is the firefox debugger how I will use it in order to debug my application?
For Mozilla Firefox, the following are different ways to set a breakpoint within the JavaScript code in the debugger.
For Google Chrome, since this is the JavaScript you can also use Debugging with breakpoints (Debugging JavaScript). This will help you a lot.
More about debugging: How to Properly Debug Your Ionic Application.

PhoneGap library that helps with debugging AJAX requests

I have a simple PhoneGap project that makes a cross-domain AJAX request, but when the app runs on the device nothing happens.
Locally testing the app in Chrome it works fine.
I've tried the PhoneGap remote debugger, but it's very slow.
Is there a JavaScript library that I can include with my project that will assist me in debugging my app while it's on the device?
I'd try running it in the Chrome browser on an android device and use remote web inspector or checkout this post about how to use remote web inspector on iOS actually right in PhoneGap

Debugging tools/methods for phonegap blackberry app

Are there any tools/methods for debugging phonegap Blackberry(5,6,7) app . Presently am using Alert for debugging which is very tedious .
Since you are using PhoneGap, its always better to view/debug you app on a webkit browser like Chrome/Safari. Also try Ripple emulator from BlackBerry which is the best web emulator for mobile devices: https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc?hl=en
Since you are developing a web app, and as far as I know there's no "official" IDE for BlackBerry Webworks, this question is not BB or Phonegap specific. You are just asking how to debug JavaScript. There are a lot of questions in SO about this, just run a search. I'll give you my two cents:
As the JavaScript code runs in a browser, you need to debug in the browser. Most browsers have built-in debugger or extensions. For Firefox I'd reccomend Firebug extension, in Chrome the built-in debugger is pretty good. I can't tell about IE but I think there's something similar.
If you need to debug on device, then use console instead of alert.
Finally, have a look at WebStorm. Probably the best IDE for JavaScript right now, but you need to purchase a license. It allows you to attach to the browser debugger and debug in the IDE.

Resources