I have just build a flutter web app - when running it in a safari browser I can see it has blocked one tracker UNPKG
Do you know why? I have not added any tracker my self. To recreate this, just create a standard flutter app: flutter create and build it to release for web.
Could it be some local to the app itself, loading some content?
Flutter downloads some fonts and CanvasKit on launch. It's the same reason sometimes you'll load the app and nothing will show until you refresh and the same reason Amazon's logo seems to vanish. The difference being Amazon is hosting their own stuff and if you're like me you don't want to rely on everyone and their brother to print hello world. The solution's here if you haven't already googled it: https://github.com/flutter/flutter/issues/70101
Related
So the error occurs only after I firebase deploy the web folder of my Flutter app. Below are some helpful screenshots.
The app is just a simple app that only displays an image. It works well in dev mode. I manually put the image in web/assets as well in an attempt to debug.
The output on live website is a total blank page with the below errors. The header title is correct though.
I think basically the browser is looking for a route/file called '/flutter.js'. What can cause this? This does not happen in another simple app that I built with firebase and flutter.
I deployed the web folder instead of the build/web folder
How to implement AdSense or any other to show ads on the flutter website (flutter web app).
Which are the ad provider options like Adsense for a flutter web app.
Currently if you try, your application will be submitted for review, and then you will inaccurately obtain a "Valuable Inventory: No content" flag/violation. The problem is noticed though, but unfortunately it will be a good amount of time before it gets prioritized over the mobile ad framework.
https://github.com/flutter/flutter/issues/40376
I don't think flutter is in a mood to encourage adds on flutter web. Google uses crawlers to search the content on websites which will not work in case of flutter that well event though you try to inject adds through js code using plugin and this made me scrape my whole UI project and start it over again on angular or react.
Take a look at this new package I just saw has been released. Still in the infancy stages as it says but it's a start at least.
https://pub.dev/packages/admanager_web
Example of implementation:
AdBlock(
size: AdBlockSize.largeRectangle,
adUnitId: "/6355419/Travel/Europe",
)
I'm using firebase_messaging plugin in my flutter app to handle app notifications (given from a Laravel server). So far, I've successfuly installed the plugin in my project. Tested it on a page, it works.
But in the doc's example page, it's only demonstrate the usage of a single page. In reality, most of the apps has or may have many pages and each page has it's own notification channels, so does my app.
So.. Where is the exact location to put it's configuration? Should I configure it one each page, or can I just put it on main.dart and subscribe every channel from that page?
I don't think the first option is a best practice. Since I'm trying to follow DRY principle and avoid code-duplication to make it easier to maintain the app in the future. Any clue?
How do you make a web app start up instantly - is it possible to make as fast as a native app that is already loaded?
I have developed a HTML5 web app that runs nicely on Iphone 4 with a splashscreen. But now I'm looking into performance:
I use a manifest file to ensure that all files are loaded from the local storage. I have checked both in chrome and mobile safari, that the files are stored correctly locally. Now performance it quite different depending on how I access my web app:
~4s When I load the web app in browser (not from a home screen icon).
~6s When I load from an "add to homescreen" icon
When I load in chrome browser it takes 234ms to load and render the whole page. I seems like the lack of speed is due to the rendering being pretty slow.
Any performance suggestions are very welcome.
I know from experience that a MacOSX device the Chrome App all of its previous versions/updates leaves in its App. This maybe also apply to ios, since it's is a stripped version of the MacOSX sysem.
It might help to delete the Chrome App from your iPhone and re-install it from the App store.
This way you be sure you have a clean copy op Chrome on the iPhone whithout all the previous Chrome versions.
I hope this helps.
I'm creating a Mobile App with JQM and JSP I'm using Bookmark bubble to do this, but I just want to ensure I understand what is happening behind the scenes here.
Is the static HTML generated by my JSP saved locally on the iPhone?
Does clicking on the APP always get fresh info from my online server or does it cache?
I'm assuming it still uses Safari to render? And just hides the toolbar etc?
If instead of hosting this online, I packaged it as an Apple App and it went on App store,
would the device still use safari to render it?
Thanks!
Documentation is at: https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html
It's possible to cache the page(s) locally.