It is possible to distribute a packaged app via Firefox Marketplace for installation on Firefox for Desktop. Apps for Firefox OS devices I can test comfortably via about:app-manager either on a USB connected device, or with the simulator.
How can I test a packaged app on Firefox for Desktop?
Update
I found that I can debug an app that I have installed from Marketplace by starting it with the -debug option and an optional port number:
C:\Users\Felix\AppData\Roaming\thetacontrol-56cab87ea3eecf190668cfb505f92c56>"Theta Control.exe" -debug 6000
The next step is to connect to the port from Firefox developer tools:
Still I don't know how to debug an app that is not (yet) on Marketplace.
Didn't found the way to debug privileged app either, so I've created bug on bugzilla, vote, please to solve this issue faster: https://bugzilla.mozilla.org/show_bug.cgi?id=1038533
You can refer to debugging guideline of web apps for Friefox desktop.
To access the console (and other remote developer tools), start the
app from a command line with the -debug flag and optionally
specifying a port (default: 6000). For example, on a Mac the Mykzilla
test app is started with:
/Applications/Mykzilla.app/Contents/MacOS/webapprt -debug 6000
Then, in Firefox, on the Developer Tools menu click Connect… and
connect to the “localhost” host at the port you specified. After
clicking Connect in Firefox, go back to your app and confirm the
connection. Then return to Firefox and select a “tab” (i.e. an open
window in your app) or “Main Process” to debug the Web Runtime’s
chrome code.
Then a copy of Firefox’s Remote Developer Tools should open in a new
window, and it should be connected to the “tab” you selected.
Related
I am trying to create a layout for our teams channel tab app but when running the app locally and inspecting it as a mobile device, teams throws an error that the browser is not supported.
Can anyone point me in the correct direction to develop my app for mobile use or how I can view the mobile app from the VS Code Teams Toolkit debugging tools?
I have tried to run the app in chrome and in MS Edge browsers and use the inspector device emulators in both but get the same error. I have also tried connecting via my local machine's IP /the FE port 53000 and also have had no luck there.
I used directly my mobile device (android) with Teams App installed for debugging teams custom tab (both phone and tablet worked fine). Connect your android device to your laptop/desktop (using USB), and then on the phone:
Enable USB debugging
Enable "Developer Preview" in Teams options
In the desktop chrome, navigate to chrome://inspect/devices and you should see your device there in the list available for inspection/debugging. You could probably also connect using local WIFI (?), but I have not tried that. Also never tried that with Edge, so not sure if it works.
https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/developer-tools#access-devtools-from-an-android-device
It's not possible to debug a Teams tab on iOS using Windows (or Mac). Using Dev Tools, we can debug Teams tab in desktop and Android clients.
Ref Document: https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/developer-tools
I am trying to debug task pane app on a Mac. Already tried https://dev.office.com/docs/add-ins/testing/debug-office-add-ins-on-ipad-and-mac. I can see it detects browser instances but it CANNOT detect task pane app.
I followed all steps properly. Except, that I don't have "Staff" user group on my mac. Should that make difference?
How do I detect/debug office task pane app on a mac?
I used chrome before that allowed me to access vorlon by choosing option to navigate to untrusted https website. So I never got to go on step 13 in the documentation. This time I used safari and then I had to trusted certificate and then after it worked like charm.
I've an iMac with OS X Yosemite v.10.10.3. I use Firefox Developer Edition 40.0a2. I've a ZTE Open C (FR version) with Firefox OS; Boot2Gecko 2.1.0.0-prerelease (B2G OS).
What I'd like to do is the following: I've a basic webpage (mostyl HTML, CSS and JS) opened in my browser on my Firefox OS phone. I'd like to get the devtools (Cmd+Shift+i) and be able to edit that webpage with my Firefox Developer Edition browser on my iMac.
I've already tried these things:
Use webIDE.
Follow this potential solution.
Connecting a Firefox OS device.
WebIDE Troubleshooting.
Comment déboguer facilement du web y compris sur tablettes et téléphones—french article.
With webIDE, I can build a new app for Firefox OS (with or without a base theme) and I can use the devtools to inspect the DOM and stuff like that. I just want to achieve the exact same thing but directly on my desktop computer.
Do you have any clue?
Feel free to ask me if you need more piece of informations. ;)
Current status
When I launch the Firefox OS browser app, I can inspect (via the devtools) the homepage (DOM stuff, etc.). But when I load another webpage (Google for example), I can't inspect the DOM. Any idea about that?
I often get this message: http://puu.sh/ir2Ju/32563e51bc.png when I switch to several apps I want to debug.
If I understand correctly, you're trying to connect the Firefox Developer Edition WebIDE on your desktop to a tab that is open on your Firefox OS phone. Something like this?
If that's right, once you connect to your phone in the WebIDE, you should see a list of open browser tabs at the bottom of the "Open App" menu, which is in the top left of the WebIDE panel.
When you connect your phone, you have to accept remote debugging.
Then on the left of the window, you should see a dropdown menu with the apps that you can debug. By default, you can only debug unprivileged applications.
Click on the app, the you want to debug and in the middle of the screen click on the "wrench". It is the button to activate debugging.
Now the complicated part. In order to debug privileged apps such as the web Browser. You have to root your phone and change some preferences. To check that you have a rooted phone. Click on the runtime menu and then runtime info.
If your adb is in root mode, then you can press the button to request higher privileges. You can also do that by hand.
There for more info:
https://developer.mozilla.org/fr/docs/Tools/WebIDE/Running_and_debugging_apps#Unrestricted_app_debugging_%28including_certified_apps.2C_main_process.2C_etc.%29
https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager#Using_the_B2G_desktop_client
Using a real device
On your computer, enter the following command in Terminal/console to enter your device's filesystem via the shell:
adb shell
Your prompt should change to root#android. Next, stop B2G running using the following command:
stop b2g
Navigate to the following directory:
cd /data/b2g/mozilla/*.default/
Here, update the prefs.js file with the following line:
echo 'user_pref("devtools.debugger.forbid-certified-apps", false);' >> prefs.js
After you've finished editing and saving the file, start B2G again using the following command:
start b2g
Exit the android filesystem using the exit command; this will return you to your normal terminal prompt.
Next, reconnect to the App Manager and you should see certified apps appear for debugging.
When this is done, you should see the application "Browser" in the list of available apps for debugging. At the same time, you should see all other application of your phone available as debugging.
I have ZTE Open with Firefox OS.
I have macosx laptop. (And also parallels with windows vista, 7, 8 etc. if it may help…)
I enable remote debuging and console in phone settings and remote debuging in Firefox Nightly on desktop.
Download adt-bundle-mac-x86_64-20130917 from http://developer.android.com/sdk/index.html
and run:
./adb devices
List of devices attached
roamer2 device
So device is connected
Then I run
./adb forward tcp:6000 localfilesystem:/data/local/debugger-socket
Because this article https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging
Then I open Firefox and
Tools -> Web Developer -> Connect…
And nothing… Just timeout. Then I try
./adb forward tcp:6000 tcp:6000
Get this on my ZTE Open:
Click "Ok" and get this on my desktop:
No tabs!
What I am doing wrong?!
Help me please.
Remote debugging requires Firefox OS 1.2 or greater, which I do not think has been released for the ZTE Open.
More information regarding remote debugging with App Manager (simulator):
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Using_the_App_Manager#Firefox_1.2.2B_required
And here's some info on the ZTE Open:
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Developer_phone_guide/ZTE_OPEN
The instructions from #christi3k work for remote debugging an app within Firefox OS on my ZTE Open C.
When I want to debug a classic webpage, it's not working at all within Firefox OS context.
It will only work in an Android context according to https://bugzilla.mozilla.org/show_bug.cgi?id=1009518 but maybe I miss something.
I am developing a web app that involves touchEvent. It will be much more easier to debug those if I can view the console remotely on my Mac.
Can I make my Mobile Safari on the iOS device store the console log somewhere in the system. I have already jailbreak my iPad.
Thanks!
plug iphone into computer
settings > safari > advanced > web inspector (turn on)
open safari on your computer
run your web app on your iphone in the safari browser
on your computer in safari, go to Develop -> "name of your iphone" and then find the correct tab under "Safari" opens Web Inspector.
doing these steps enables the safari debug tools on your desktop to reflect and respond to the connected iphone.
hope that helps.
Just turn on the debugging console in Mobile Safari. This is enabled in Settings/Safari/Developer.
One File Remote Console.log for node.js
Solution: Server side console log.
In iOS6, you can now use the Remote Web Inspector on OSX to connector to the iPhone via USB. See the Apple documentation for more information.
You can use a remote javascript console. There a few available.
weinre
spotneedle
jsconsole
Not sure if I'm allowed to re-post my answer from another question, but at this link here I posted 3 options of JS console and logging tools that can assist with troubleshooting issues on iOS devices, with screenshots and sample code snippets. One of these is an open source tool I built myself, but the other two are probably even more advanced.
mobile-console-log is also a utility for debugging directly from your mobile into Chrome Devtools