Get error messages Chrome packaged app - google-chrome-app

How can I see error messages when running a Chrome packaged app? I've been running the app in the browser and using DevTools but this technique has it's limitations.

If you need to inspect app windows, you can reach them at chrome://inspect/#apps
Or, as Daniel mentions, use the Developer Tool app.

General Chrome Debugging
By opening
chrome://inspect/#apps
you may debug all Apps and Extensions.
You may also like the official Google Chrome Apps & Extensions Developer Tool
Debugging Chrome Extensions
As described in the chrome developer Tutorial you can activate the developer mode within the settings. Afterwards an inspect popup option is avaialbe when you right-click an app-icon.

Related

Using brave browser to debug flutter web app

I just started-off with flutter web and I want to use brave browser to debug my flutter apps not chrome or edge.
When I use flutter devices command, it gives the following result.
No devices detected.
Run "flutter emulators" to list and start any available device emulators.
I'm using brave by using the link provided by web-server and it does not support hot reload.
So, how to configure browsers other than chrome or edge with flutter web for complete functionality.
I found this:
All you have to do, based on your Linux operating system (for Windows
and macOS the process is similar), is to modify your .bashrc file and
insert this line:
#Put your Brave installation location here
export CHROME_EXECUTABLE="/opt/brave.com/brave/brave-browser"
For MacOs,
export CHROME_EXECUTABLE="/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"
You can use flutter run -d web-server to run your app like a server.
This means that you can just enter the URL on any browser of your choice to access your Flutter app !
Drawbacks:
Hot Restart/Reload from the terminal is not possible. You must refresh the page on your browser instead.
Advantages:
You can use any browser for developing flutter apps.
You can even use ngrok to forward your port to a HTTPS URL, and access your flutter app from anywhere (your phone, your desktop , someone else's device etc.)
PS: Credits to the Issue #77229 for helping me find this solution. I am aware that this workaround has already been suggested on this thread.
I just wanted to put out a simpler answer for the general viewer.
I've been diving in the same issue, it's known Brave it's Chromium-based, this will help u https://github.com/flutter/flutter/issues/77229

Google Web Toolkit plugin is not working for chrome browser

I am a new user of Google Web Toolkit.
I tried to run my application in chrome browser.
But it was asking me to download the plugin to run GWT applications.
Then i gone through the link but it was showing me this problem....NOT COMPATIBLE
Please provide help.
Release Notes for 2.6.1
GWT Development Mode will no longer be available for Chrome sometime
in 2014, so we improved alternate ways of debugging. There are
improvements to Super Dev Mode, asserts, console logging, and error
messages.
enter link description here

How to use chrome remote debugging with ionic framework?

So I'm reading in this link and it says we can use chrome for remote debugging an app which seeems great but they don't explain how to do it. When I click in the link they provide which has some android documentation, I just see java code. As a non java-developer I wonder how can I use remote debugger in chrome for ionic framework?
To access remote debugging of a webview on your phone, plug your phone into your pc and go to chrome. then type: chrome://inspect into the url bar. open your app on your phone and it should show your device on the inspect dashboard.

Debug Apache Cordova with Visual Studio Code

I have a simple question: can I debug Apache Cordova with VS Code?
I have simple installed and created an app(https://cordova.apache.org/) and then opened the app in VS Code, but I cannot debug it.
Thanks!
First, start up the app on your device / emulator / simulator of choice using. See the TACO CLI docs for help with pre-reqs... running is simple.
To debug, for Android 4.4+, you can just use Chrome Dev Tools. See Chrome documentation on Remote Debugging Devices. This works for Cordova apps too.
For iOS, you can do the same thing from Safari on your Mac. Check "Show Develop menu in menu bar" under Preferences.. >Advanced. Then use the Develop menu to find your device and the cordova app running on it. Be sure to go to Settings > Safari > Advanced and enable the "Web Inspector" option on your device as well.
Yes this is very much possible with the vscode-cordova extension. Install this extension to your VSCode and you should be able to debug the app running on iOS/Android device & simluators/emulators. More details on this is available at the VSCode-cordova github readme.
https://github.com/Microsoft/vscode-cordova

Cannot install Google Web Toolkit Developer Plugin in Google Chrome

I am using Windows XP SP2 and Chrome (version 9.0.597.19) but every time I run gwt in developer mode I see:
"Development Mode requires the Google Web Toolkit Developer Plugin..."
No matter how many times I install it.
How can it be that gwt developer mode is not running in google's own chrome in xp sp2?? This is outrageous??!! It is working in FF but is very slow.
Do you have Click-to-activate-plugins enabled in Chrome? I had, and I had to click on the little puzzle piece in the URL-bar and select that all plugins may run on 127.0.0.1.
Google Web Toolkit plugin is for Firefox 3.5.x and 3.6.x and
probably Google Chrome 7. I'm also using Chrome (version 9.0.597.19) which doesn't support GWT plugin
I was having this same problem. Every time I clicked "Download the GWT Developer Plugin
For Chrome" it would start to load and then just stop without anything happening. Eventually I opened the link in a new tab and got a captcha with this message:
"Our systems have detected unusual traffic from your computer network. This page checks to see if it's really you sending the requests, and not a robot."
Maybe you are having the same problem?