Dev Tools for Native Android Browser - javascript

I haven't done much development for Android, and I am looking to debug some JS/CSS in the native Android Internet browser (Version 4.1.2). So far, I have found the ADB extension for Chrome on Android, but not much in the way of the native browser.
I am seeing some strange anomalies in my JS/CSS appear in the native Android browser that I do not see in the Chrome browser or on iOS devices.
I'm looking for guidance/recommendations/suggestions/tools that I can use for debugging JS/CSS on the native Android browser.
Thanks!

You can use the jsHybugger App to find your JS/CSS anomalies. Just install the APK on your device and use the ADB extension for Chrome on your desktop to debug your webpage. The jsHybugger App acts as a proxy between the native Android Browser and your webserver, and enables you to debug your page.
The software is not free but there is a cheap shorttime license available.
https://www.jshybugger.com

Related

Can i make console logs visible in a cordova app running on an emulator?

Hello i'am currently building an app with cordova and the quasar framework.
I'm experiencing some problems in my android version running on an emulator that dont happen in my web version.
Is there a way to make the errors visible in some way or another.
Im using android studio as my emulator.
Open a chrome window on the same machine the emulator is running on. Navigation to chrome://inspect/#devices, you should be able to debug the emulator from there, giving you the full devtools, providing the APK is a dev build. This will not work for production builds.

Issues when installing Android Studio on Mac

I am a mac user every time i install android studio it starts downloading some components and ends up showing this message can any one please help to install this software please check the below image which shows the message I get when i started installing android studio
The AndroidStudio requires to download Android APIs and some support tools and libraries that your system is failing to install. It may be cause of poor internet connection or low disk space.

How to build for ios on Windows (react-native)?

Is there any opportunity to build react-native project for ios on Windows? Is there any service for it?
Unfortunately Not possible for iOS as of now (If you are not going to use MAC on VMware).
However you can use for Android & read More details here.
NOTE: This guide focuses on Android development. You'll need a Mac to build iOS apps.
As React Native on iOS requires a Mac and most of the engineers at
Facebook and contributors use Macs, support for OS X is a top
priority. However, we would like to support developers using Linux and
Windows too. We believe we'll get the best Linux and Windows support
from people using these operating systems on a daily basis.
Therefore, Linux and Windows support for the development environment
is an ongoing community responsibility. This can mean filing issues
and submitting PRs, and we'll help review and merge them. We are
looking forward to your contributions and appreciate your patience.
As of version 0.14 Android development with React native is mostly
possible on Linux and Windows. You'll need to install Node.js 4.0 or
newer. On Linux we recommend installing watchman, otherwise you might
hit a node file watching bug.
You can use a cloud build service, such as Circle CI or Mobile Center, to build iOS react-native applications and even automatically run Appium tests. The feedback cycle would be much longer than on your local machine, though.
Some folks choose to break the Apple EULA and run MacOS in a VirtualBox as a kind of "hackintosh" virtual machine on their Windows PCs. This supposedly works very well, and runs at near-native build speeds.

Cordova - app crashes on both iOS/Android after an OS upgrade

This is an issue that's affected a hybrid app built using Sencha Touch and another hybrid app built using Ionic. Both apps are packaged using the latest version of Cordova to generate the iOS and Android binaries.
I install the app on a device running, say Android 5.1.1. Open the app, it works fine. Then I upgrade the device to Android 6.0. Open that app and it freezes/crashes. Only solution to this problem is to uninstall the app and re-install on Android 6.0, which is a major inconvenience for the user.
Anyone else experience this same issue? I Googled but got nothing in the search results.
Just upgrade your application with the help of latest cordova pack with existing playstore key generated for your existing app. Try it may work but not sure.

How to debug remote v8-based application using Chrome Dev Tools

v8 has its own JSON based remote-debugging protocol and two UI debuggers:console application D8 and a eclipse plugin(hosted at http://code.google.com/p/chromedevtools)
Chrome use WebKit Remote Debugging Protocol including Console, DOM Debugger, ..., Debugger
"WebKit Remote Debugging Protocol" is a Google Chrome/Chromium debug protocol. You will find its description at http://developers.google.com/chrome-developer-tools/docs/remote-debugging
So is it possible to use the Chrome Dev Tools ships with chrome to debug remote v8-based application?
Try Node Webkit Agent for NodeJS version >= 0.6
Node-inspector is for NodeJS version 0.4
The setup need to be set in your node server and access the URL provided by the library base on your node version. You cannot use Developer Tools in Chrome directly.
node-inspector is designed to do exactly what you ask.
It seems that it competes with Node Webkit Agent. I haven't tried webkit agent yet as it seems newer and it failed to install without some meddling. node-inspector worked for me, and fairly well, although there is a bit of latency from running a statement to getting the output marshaled into Chrome's debugger. Overall, it's an extremely useful tool.

Categories