My android phone and my IIS are both connected to the same network. I wonder are there any ways that let me wirelessly debug javascript app which is running on android's chrome ?
Have you tried using Weinre? http://people.apache.org/~pmuellr/weinre/docs/latest/
There is also the option to use PhoneGap's working version of it for quickly trying out: http://debug.phonegap.com/
Related
I have to debug some problems on website I recently created that occur only in native android browser on some tablets. I don't have access to physical device so I decided to to install Android Studio and created tablet AVD(android virtual device). Process run smoothly and now I can open native browser in virtual device and check my website.
I can see the same errors as those reported on tablets(that's great) but I cannot figure out how to run any kind of devtools in native browser. Even access to console output would be enough.
I'm running android studio on Ubuntu 18.x LTS, but I guess my question is not platform specific.
I would prefer any solution that can be run on virtual device(like some additional app that acts as debugger), even if it would give me only console output, over more sophisticated ones that require more complicated configuration.
But, honestly, I would really appreciate any kind of help.
you have to use the Chrome debug bridge; accessible through chrome://inspect on the desktop browser... connected devices will show up there, as long as USB debugging is enabled; that should work with an emulator, as well.
I am able to successfully debug Safari on iOS 8.4 using Google's ios-webkit-debug-proxy. But it never sees my Chrome tabs on the iPad. I've also tried using the desktop Chrome browser at chrome://inspect but that also doesn't show it.
Is it possible to remote debug Chrome on iOS? Or is this not possible?
I use Vorlon. http://vorlonjs.com/ It is a free open source project from MS and uses websockets to connect to the remote device. Not as good as full chrome dev tools but you can inspect/edit the dom, view console logs etc.
I have developed an Chrome installable app as an extension in Google Chrome and published it on the Chrome Web store.
The app is developed using Html5, AngularJS and Ionic framework . It works well as an extension but does not work on Chrome OS.
Can you please let me know if i am missing something or do i need to do any extra coding for the chrome installable app(extension) to work on a Chrome OS.
A Chrome app and a Chrome extension are different things. Check out this article. A general explanation is that extensions are part of your Chrome browser, hence having fewer UI elements, while a Chrome app is a standalone app that can be independent from your browser (still runs on Chrome though). I don't think it being on a Chromebook makes a difference here.
we are shipping a Cordova WebApp for tablets with minified source using uglify2-compressor via grunt-contrib-requirejs. We generate source-maps for debugging which work flawlessly using the chrome desktop browser via remote Debugging on a KitKat Android Tablet.
Now we like to send error reports from our customers to our server. The Android WebView does not seem to care about our source maps. Therefore we get error message like "line 1, char 1231231" - not very helpful...
The Question is: Is it possible to use source-maps with the Android (and iOS) Webview maybe using a Cordova plugin or do we have to wait for an update (Chrome and Firefox Desktop are able to parse the maps...) and ship un-minifies code so that we are able to get the line number of the occurred error?
From Chromium discuss topic
DevTools downloads source maps using the front-end browser, not the one that runs the inspected page. So file://android... is never going to be accessible. You need to point to the files on your development box instead.
I'm developing a JavaScript application that needs to run on the Google Android Phone OS. Is there a way to enable the JavaScript Error/Debug console within Safari on either the Android Emulator or an actual device? If so any instructions on how to do so would be appreciated.
It looks like, with the Android 2.0.1 SDK you'll need to filter on "browser" instead of "WebCore"
A quick Google turns up this blog post (posted after you asked your question), that should at least let you see any Javascript errors via the Android Debug Bridge using the command:
adb logcat WebCore:V *:S
Not quite the same as a full debug console though.
On Android write about:debug on the address line when the current page is the page you want to debug. you will get access to the console.
I know your question is about Safari, but you might want to look into using Chrome instead. You can now use Chrome's desktop developer tools to debug and profile apps on your Android device.
Here's how:
On Android Chrome, go to settings -> Developer tools and check "Enable USB Web debugging"
On the desktop, run adb forward tcp:9222 localabstract:chrome_devtools_remote
Now on Desktop Chrome, navigate to localhost:9222.
You should see a list of the pages you have open on your phone. Click the one you want to debug/profile.
Detailed instructions are here
I have discovered that you can get this debugging information on the phone itself, without needingn to use adb or plug it into a computer, just download a log viewer.
Check the link for more info.
You can view the log and much more with weinre
From the Weinre docs
weinre is a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.