Debugging websites on stock Android browser (not Chrome!) - android

The question is simple: how to debug a website on Android stock browser? I know about the remote debugging feature, but it's only available through Chrome for Android (pretty useless for me - website is displayed improperly only on stock browser).

weinre is WEb INspector REmote. Pronounced like the word "winery". Or
maybe like the word "weiner". Who knows, really.
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.
http://people.apache.org/~pmuellr/weinre/docs/latest
From source:
Libraries not supported
versions of Prototype.js before version 1.7 are not supported, as they
do not support the JSON.stringify() API correctly. You will get an
alert() in the web page you are debugging if you attempt to debug it
with weinre and you are using an unsupported version of Prototype.js.
Platforms supported - debug server
Any platform that supports node.js.
Platforms supported - debug client
The browser where the debugger user interface runs.
Google Chrome Apple Safari Other recent-ish WebKit-based browsers
Platforms supported - debug target
The browser with the page you are debugging.
Android Browser application iOS Mobile Safari application
PhoneGap/Cordova other Platforms not supported - debug target
iOS 3.1.3 or earlier webOS 1.45 or earlier

Related

Is it possible to build Outlook Plugins for Outlook Mobile on Android running against an on-premise Exchange deployment

I have a plugin that we have deployed to Outlook Desktop and OWA, using Exchange on Premises. We'd like to take this and make it work with Outlook Mobile using Android and iOS. We're not sure if we're understanding this correctly, but is it the case that you can only deploy mobile plugins if not using onpremise Exchange?
https://learn.microsoft.com/en-us/office/dev/add-ins/outlook/outlook-mobile-addins

why my phonegap app cannot be inspected by chrome inspector?

I'm building cordova apps using the phonegap build tool, but i can't debug it.
If I go to chrome inspect, I cannot see my application, even though I enabled the debug mode on my android phone and i already opened my app.

How to remotely debug OWA add-in on Android

I'm currently working on an add-in for OWA for desktop and mobile.
I have some issues when testing on my device and so I would like to use my desktop browser's Developer Tools to debug the JS and check the HTML / CSS.
Is there a solution to do so with my device or with an Android emulator ?
Thanks in advance
I haven't tried any of the Android browser emulators, but I've found the Emulation modes in Internet Explorer's dev tools to be very helpful. The various options for document mode, browser profile, user agent string, orientation and resolution should simulate most scenarios. Note that I believe that these are what are used by the testers at the Office Store who review add-ins submitted for publishing.
Otherwise I've relied on very liberal usage of logging to the console, but debugging JavaScript with the Outlook client from Visual Studio is the easiest by far.
This option may be helpful as well:
HOW TO: Debug Office Add-in In Office Clients without Visual Studio: https://www.itunity.com/article/debug-office-addin-office-clients-visual-studio-2783

Android NATIVE browser remote debug not working when using weinre or chrome

I've been using weinre and chrome to remote debug the native browser on Android tablet (Android 4.2.2) and so far it's not working. Cannot find the target. When i use it with chrome,firefox and opera it functions fine.
File is locally placed in sd card, and accessed via file:///sdcard/wherever/file.html. I need a way to debug a webpage on a native browser. Thanks.

How to debug Firefox OS app on Firefox for Android?

I've successfully connected Firefox for Android to my desktop Firefox, I'm able to debug pages, and even install applications.
The problem is that installed applications do not start. And in result I can't debug them. Even worse, that now I'm unable to delete installed app from device, there is no such button, and my app is not listed among android apps like those which are installed from Firefox Marketplace.
Does anyone know how to deal with that, or it is now working yet?
Ubuntu 14.10 x64, Firefox 31.0, Firefox for Android 31.0 beta (used stable with the same result), Android 4.4.4 (CyanogenMod 11)
Unfortunetely you cannot debug installed Firefox OS apps on Android phone via Firefox for Android. You can only debug web pages in Firefox for Android via remote debugging. https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android In case of Firefox OS app, you have better use App manager or simulator. Of course, if you have Firefox OS phone, you can do this via remote debugging between Firefox OS phone and your desktop.
Here are the generic instructions (after which I'll address your specific issues):
Install mozilla-apk-cli using NPM:
npm install -g mozilla-apk-cli
Use it to generate a "debuggable" APK for your app from either a source directory or a URL to the mini-manifest:
mozilla-apk-cli /path/to/source/dir/ arbitrary-name.apk
mozilla-apk-cli http://example.com/path/to/mini/manifest.webapp arbitrary-name.apk
(Context-click > Inspect Element on the "Free" button in Marketplace to discover the mini-manifest URL for an app in the Marketplace.)
Install the APK on your Android device:
adb install -r arbitrary-name.apk
Launch the app on the device. Look to the notification area for a notification about which port the remote debugger server is listening on. Forward that port on your desktop, f.e. if the port is 12345:
adb forward tcp:12345 tcp:12345
Go to Web Developer > Connect… in Firefox on your desktop and connect to localhost at the forwarded port. Commence debugging!
Notes:
Use Nightly builds of Fennec for the best experience.
Bug 929382 tracks WebIDE (née App Manager) integration.
File bugs on problems you encounter!
Now, regarding your specific issues: It sounds like you've made it past app installation but are stuck on launching and running the app. How are you launching the app? For example, are you tapping the app's icon on Android's All Apps screen? And what do you mean when you say that apps "do not start"? Do you mean that nothing happens when you launch the app, or does something happen (f.e. a splash screen appears, perhaps followed by a white screen), but the app itself doesn't appear?
It would also be useful to know the manifest URL of the app you're testing, if it's a public hosted app; or get access to the source code, if it's a public packaged app!
Finally, note this related (identical?) question: How to install packaged app on Firefox for mobile?. I copied the generic part of this answer from it, but presumably they should be consolidated into a single answer (modulo the troubleshooting info, which is specific to the problem you're encountering).

Categories

Resources