I have heard about a JavaScript library that simulates the console from development tools, but I can't find anything on the web.
My need is when I deploy my HTML5 + JavaScript application (with Icenium) in a device (tablet or smartphone and Android or iOS). Sometimes some bugs only occurs on those devices and not in my desktop's simulator, so a console running on it will be very helpful.
Are you looking for something like jqconsole?
Not JavaScript tools for emulating the console, but here are some other ways around it:
Chrome for Android has remote debugging through Chrome for Desktop
And I think Safari has a similar feature for iOS devices.
Related
I hacked together a website (HTML+CSS+Javascript only) that I use offline to control some Bluetooth Low energy devices. I was thinking of hosting it with Apache on my local network so that I could use it on laptops and maybe phones around the house. I only use Chrome on all my devices.
What would happen if I went to the website on my Android Phone? I assume the CSS and HTML would load fine but what happens to the Javascript? Will it run at all? Are all the BLE methods different?
PS: Basically I want to know if my idea is too far-fetched to even attempt. If it's way easier to just develop a separate app in Kotlin in Android Studio I'll take that route and not even bother with Apache.
Yes. Web Bluetooth API was shipped on for desktop and Android since Chrome 56.
Check here: https://www.chromestatus.com/feature/5264933985976320
I’ve created an app and installed it on my iPad. Unfortunately part of the functionality is not working: when I press a certain button, it should execute some JS code, but this is not the case. In the tool which I use for creating it, there’s no bug, no exception, nothing that leads to an error. This is the same in Chrome using the Developer Tools.
Since the tool allows me to generate the file for Android, I installed the app in my Samsung Galaxy SII and Nexus 7. It works perfectly there!
I think it must be a problem with PhoneGap. Is there any tool for debugging the app on the iPad (not within Xcode)?
If relevant logs are being generated, it is possible to connect the device to a Mac and see the general console, where you'll see these logs (amongst many other system related events)
I downloaded and installed Safari for Windows and found the bug. Unfortunately there´s no version 6 for Windows so that I can use the newest developer tools.
I'm using weinre to debug a phonegap application. However it doesn't seem possible to step through the JS or set breakpoints. Is this at all possible?
No, it is not possible to set breakpoints with weinre.
No is the correct answer. And the "secret XCode UIWebView" mentioned in the other answer doesn't work any more. BUT ...
You can now throw the Weinre out the window because, with the release of iOS 6, Apple released remote mobile Web Inspector for Safari, and this is HUGE for anyone who's been struggling to debug their iOS mobile apps. Basically you have all the features and power of regular Safari Web Inspector--including Breakpoints--for your mobile apps, including WebView & Phonegap apps. I've used weinre quite a bit, and this makes it completely obsolete for these purposes, since the new remote Web Inspector is a full-featured, native debugger.
Here's how it works (requires a Mac, xCode 4.5+ running an iOS 6 simulator (or an attached iOS 6 device, I think), and Safari 6+ on your Mac:
In your ios6 simulator/device, Settings --> Safari --> Advanced --> Web Inspector --> On (this is On by default in the simulator).
In Safari, access iPhone/iPad Simulator from the Develop menu and see your page. You can enable the Develop menu in Safari's Advanced Preferences if you don't see it.
More discussion at the bottom of: http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers
even if this an old question, maybe someone is still struggling with iOS debugging from windows (as i was until today...:D).
I found this quite good solution:
https://www.genuitec.com/products/gapdebug/
You can install apps from ipa and debug all the code usually obfuscated by Safari.
Well from last couple of weeks I am developing an application using html, javascript on android emulator3.0
which I am running on my desktop(Windows XP).To run my programs I use webkit browser which I think default one for the android emulator and it is showing many problems to support HTML and Javascript objects and properties.
So I was assuming that may be if I install google chrome on the emulator then it can give me a desktop like behavior on the emulator.May be my assumption is wrong.i am very new in this field.
So anyone have any idea that whether it is possible or not?If it is possible then how I can do this.
Thanks in advance!!!!!
Regards,
Arvind Thakur
Google chrome is not available for Android (at least yet) link
Maybe you can try to install Firefox or Opera, both of them should have a version for Android
There is article on How to get Google Play, that would let to install other apps, including Google Chrome for Android
Installing Google Play on Android Emulator May 2nd, 2012
http://piotrbuda.eu/2012/05/installing-google-play-on-android-emulator.html
I'm developing a web-application using HTML5 canvas and I need to debug in mobile browsers.
Normally I'm using firebug in Firefox and the built-in developer tools in Chromium for this, but I need to do some of the same on the iPhone and on Android-based phones, like the HTC Hero.
Firebug lite is probably your best bet. Take a look at this bookmarklet which combines firebug lite with a bunch of other useful tools for mobile: Mobile Perf Bookmarklet.
You can also try Weinre, I tested it on Android 2.2 (Samsung) and it worked. It still has some hiccups, but you can use it for remote javascript logging and debugging the DOM.