Is there any way to get some sort of developer console for the browser on a Samsung SSSP device? I have both a 10" and 32" device, but I can't seem to find any way to "debug" the browser. I'd like to have something like Firebug or the Chrome developer console where I can inspect the various elements and figure out why things are looking the way they look and not formatting like I would expect them to.
Use weinre.
https://people.apache.org/~pmuellr/weinre/docs/latest/Home.html
Just include the script tag with a script and it will give you Chrome like console. You can run Javascript remotely on the device.
Related
My html e-mail looks different on a browser than in the Gmail app, even with the same width, and I want to debug why. Is there some way to inspect the html elements within the Android Gmail app?
Generally speaking, email debugging is really difficult and in this specific case (as far as I know), there is no way to replicate how the Gmail App works on Android, on the web.
An option would be to use a tool like Console.Re, which is a remote javascript console, and try consoling your whole document or even specific parts of your interest, in case you can find anything useful to help you overcome your issue.
I hope it helps.
Impossible to do on the gmail app, but you can inspect element on the android browser. App like this can help you inspect the email: Dev Browser
I'm trying to view the JavaScript console output of a WebVR scene, that's being loaded in the Samsung GearVR browser. If it was in the Chrome browser I could use some form of remote debugging, but with the Samsung browser that wouldn't work.
I looked around the web, but nothing mentioned the particular Samsung Browser WebVR debugging situation.
Does anyone have any ideas or links?
I appreciate your help :)
Actually, chrome remote debugging works on Samsung Internet for GearVR. Just connect adb through wifi (GearVR USB won't work, it's charging only), open chrome://inspect in the desktop chrome and when the headset is active, the page should be visible on the list. All active webkit instances are on that list, not only Chrome. For example you can also sniff gmail app html views.
For this to work, you have to have the headset's screen active - it's hard to have it on your head while debugging so I suggest you use some paper sticky tape to cover the sensor that is between the lenses.
I have been working on a web site that i want to work on any device. It works great on all my devices except my work IPhone. Is there any kind of console or other trick I can use to troubleshoot why it is not working? Something like chrome and firefox ctrl+shift+j would be nice.
In Chrome Dev Tools you can emulate a multitude of devices with differing resolutions and other limitations: Sitepoint blog regarding emulation
you can attempt to use emulation using most any browser F12 or Inspect or the multitude of online ones (google it)
In chrome on PC hit f12 then Ctrl-shift-M
Specifically, the "max-device-width:" condition
If you're on a Mac, you can use the iPhone simulator that comes with XCode. I've also used a Firefox add-on called "Modify Headers" and I send iPhone headers, however, that may not help much with max-device-width.
For mac or PC, if you can upload your files to any temporary server, you can check the results online in TestiPhone: http://www.testiphone.com/
This is a web browser based simulator for quickly testing your iPhone
web applications. This tool has been so far tested and working using
Internet Explorer 7, FireFox 2 and Safari 3.
The firefox plugin Developer toolbar let you change the browser size with just one click to the device size. I bet there is plugins like that to the other browsers. If you can't find that to all browsers then I suggest that you just upload your code to a server and surf to it using an iPhone.
I am developing PhoneGap webapp where I use some javascript, and sometimes I need to see console.log() output. I can easily see it when running in Chrome, it also works fine, when running this app in Android emulator - output of console.log() shows up in Eclipse LogCat window. But when I run this app on my HTC Desire HD, LogCat just shows some Android-specific output, but nothing coming from my webapp.
Anybody has idea how to display console.log() output from PhoneGap-app running on HTC Desire HD ?
Another workaround is to use console.log() jsconsole.com
See the PhoneGap mail list thread. Also, two stackoverflow threads here and here.
It seems that console.log is disabled on HTC devices running Android 2.2.
The best workaround I've found is to use weinre, which intercepts the console.log to show the output in its desktop browser console.
Update: PhoneGap 1.3.0 now supports console.log directly to LogCat from the HTC Evo without any workarounds. (The same program doesn't work with PhoneGap 1.1.0)
I've found that console.error gets higher priority than console.log , and appears in the adb logcat output for both emulator devices and real devices connected via USB.
Try this filter:
adb logcat PhoneGapLog:V *:S
It will only show console.log and phonegap specific output.