I'm trying to set up Firebase Analytics Debug View for Flutter Web.
I have read the documentation provided, and it says:
To enable Analytics Debug mode in your browser, install the Google Analytics Debugger Chrome extension.
But since I'm running Flutter Web on VSCode I'm not able to install an extension on that Chrome Web Server.
Since it got installed by default with the Flutter SDK, I don't know how to configure it or where to look for documentation.
Does anyone have an idea of how I could proceed?
You can easily use the DebugView with the Chrome extension. If you run Flutter Web as a Web Server, just open your App with Chrome. Be sure the extension is installed and running. Also be sure that Firebase is correctly set up for Web. Then it works!
Related
We're developing software to connect with Zebra printers on React web application. But we couldn't be successful at this and the zebra sources are outdated!
We couldn't use their SDK because it was outdated and when I imported that webpack gave us so many errors that couldn't compile that code. I'm using this SKD wrapper now: https://www.npmjs.com/package/zebra-browser-print-wrapper
I'm getting network error when I'm trying to print using zebra printer.
instrument.ts:159 GET http://localhost:9100/available net::ERR_BLOCKED_BY_CLIENT
Error: TypeError: Failed to fetch
at o.<anonymous> (21.5eb25857.chunk.js:sourcemap:2:2238456)
at 21.5eb25857.chunk.js:sourcemap:2:2237749
at Object.throw (21.5eb25857.chunk.js:sourcemap:2:2237854)
at c (21.5eb25857.chunk.js:sourcemap:2:2236607)
I'm using the sample code in the NPM js package that I've shared.
Zebra software and devices are configurated and working but it doesn't work when I'm trying to connect to it using web application.
Does anyone know how to work with it?
I haven't used the wrapper from NPM but it is possible to integrate that library straight into the react project.
My approach is just to download the Browser Print JavaScript Library from Zebra and import the script in the <head> of the html.
In addition, the device running the browser has to install a native SDK to pair with the printer and send commands. For example, if the web page is running on a chrome browser on Android, you must install the Browser Print SDK for Android on that mobile device first.
Steps:
Download the Browser Print SDK and the Browser Print JavaScript Library, you will need to submit a request from their website
Install the Browser Print App on your device and pair it with the printer
After downloading the JS library, unzip the zebra-browser-print-js-v30216.zip and copy the files BrowserPrint-Zebra-1.0.216.min.js and BrowserPrint-3.0.216.min.js to your react project's /public directory
If you are using Create React App, add the following to <head>
...
<head>
<script src="%PUBLIC_URL%/BrowserPrint-Zebra-1.0.216.min.js" />
<script src="%PUBLIC_URL%/BrowserPrint-3.0.216.min.js" />
</head>
...
Use the device that has the SDK (for example, the Android phone that has installed the Browser Print App) to visit the webpage
Then in the React component, you can use window.BrowserPrint to access the library.
The phone will show up a notification to you to ALLOW or BLOCK the domain name to access the SDK, choose ALLOW then all is done
Screenshot:
I have Windows Node.js applications on Azure Web Apps or Azure functions.
It seems that VSC extensions allow us for only Linux.
How do I debug remotely?
For azure function, this is impossible now. We need to use Visual Studio to debug but it don't support javascript azure function. VS Code support javascript azure function but it also doesn't have any extension plugins to achieve remote debugging.
For azure web app, the azure app service extension plugin only support nodejs web app based on linux now.
So the answer of your question is no.
I am running an Ionic app integrated with SalesForce Mobile SDK. I am running it in Android Studio, because Ionic Serve doesn't support the SDK and some of the other plugins, and I need to run it in an Emulator. In this case - Android emulator.
I am new to Android Studio, can somebody guide me on how to put logs into the JavaScript/TypeScript code and view it in log (Logcat? Or anywhere else). I just want to understand the debugging and logging mechanism here.
Anything that is written to the browser's debugging console should be displayed in the Android logs, e.g. console.log('Hello log!') or console.error('Is broke!')
See Console for more info on using the console.
I've used the [yeoman chromeapp generator][1] to scaffold out a Google Chrome Packaged App. The instructions for that generator say running the command grunt debug should launch the packaged app in the Chrome App container, but it doesn't. Instead it opens the packaged app as a regular hosted web app in a tab. Though I am a Grunt noob I'm looking at Gruntfile.js trying to figure out why it doesn't launch the app as a packaged app in the app container, but can't see where the problem is. What's the proper way to get Grunt to launch a Chrome App?
Had the same issue with the Yeoman live-reload—not great for testing actual apps with background js, native permissions, etc.
To manually launch a Chrome app from a folder, I've been using this idiom: ~/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --load-and-launch-app=/path/to/chrome/app/"
There's also this project chrome-app-livereload (blog post) which supposedly swaps out livereload's standard reload with one suitable for inclusion in an app.
You have to go to chrome://extensions, check the box Developer Mode and then click Load Unpacked Extension and point it to your manifest file. This will load your app in a Chrome App Container.
I have an app that' already integrated wit hthe AWS SDK, and am investigating whether it could support Azure.
I've deployed some test sites with the Azure command line tools which (on Mac and Linux) are Node based, and I've seen the Azure SDK for Node but I was wondering if there's JavaScript (not command line) level documentation for the SDK.
Or, in short: where can I find docs on how to do (for example):
azure site create
In JavaScript?
I know I could inspect what the command line tools do, but I'd rather not.
Is this what you're looking for: http://dl.windowsazure.com/nodedocs?