I have my web app installed on my device, the app can be updated changing the cache.manifest, everything changes except the startup image, this image cannot be updated when the app its already installed?
I know that the new image works because when I "install" (add to home screen) a new instance of the webapp it has the updated image!
Tested only on iOS 6.1 / iPhone 5
Updated:
<link rel="apple-touch-startup-image" href="images/img_splash.jpg" />
<link rel="apple-touch-startup-image" href="images/img_splash.jpg" media="screen and (max-device-width: 320px)" />
To force the update, you will could change the startup image file name also.
Force Update Steps:
Place new startup image on web server with new name
Update the HTML5 page or javascript file to reference the new name
Update cache.manifest with new name
Profit...
Related
Although there is a valid manifest.json and <link rel="manifest" href="manifest.json"> in the head tag, chrome shows No Manifest Detected, service workers are installed successfully and http://127.0.0.1:8080/manifest.json is fine and accessible, but chrome not even requesting the manifest.json file! this is a flutter project which currently build for web using flutter build web --release
Finally I figured out the bug was introduced by flutter_native_splash which added some picture tag to the root of html page which caused the chrome not requesting the manifest.json, so moving the picture tag to body solved the issue.
https://pub.dev/packages/flutter_native_splash
Flutter 2.0 working good and i successfully run web app by calling
flutter run -d chrome
but when generated build using flutter build web it build successfully but the output is not working in web browser. it is showing white screen only
Issue fixed by changing <base href="/"> to <base href="./">
Similar problem occurred in angular 2 beginning time
When I build my Ionic 4 app, it presumes to run at the root of the domain. It puts <base href="/" /> in the Index.html, and so all subsequent requests target the root of the domain. I can make it work in a folder by changing the base to <base href="." />, but a little voice tells me I shouldn't be modifying a generated file.
Where is the configuration variable to let me run my app from a folder if I want to? Do I need to know the name of the folder at build time?
You can just go ionic serve in any folder and it will serve your application. If you mean in an production environment you'd run ionic cordova build <platform> and it'll generate the .apk if you specified the android environment or it will generate an XCode project if you specified iOS.
I am however unsure which platform you are building for. So your results may vary if you're building for the browser platform.
Hope I understood your question correctly.
I am trying to get the Wikitude Cordova plugin to work with a blank Ionic project. But not getting a lot of success trying to link all the javascript files etc.
So these are the steps i did:
create a new ionic project
installed ngCordova
added the iOS and android platform
did a build of them both
installed the Wikitdue Cordova plugin
added my license key to the following file WikitudePlugin.js
added index.js to the main index.html file in the www folder
created in www a folder called views and in there I created another folder called camera
in the camera folder I created a js folder and place the js files (marker.js & fromwebservice.js), this folder also contains the following files: cameraview.html and poidetail.html
In the cameraview.html file I call upon the wikitude architect like so:
<ion-view view-title="Pub Stop">
<ion-content class="background">
Camera
</ion-content>
</ion-view>
And in the poidetail.html I place the following code:
<ion-view view-title="Detail">
<ion-content class="background">
<h1>test</h1>
</ion-content>
</ion-view>
When I run it on the phone via Ionic View nothing happens, so I run it in the browser and I get the following error:
Anybody who was able to successfully integrate the Wikitude plugin with Ionic or sees what I did that went wrong ...
In order to use the wikitude SDK you need a real device not the browser or emulated device.
I have a sencha touch example application which works fine on browser (using sencha web start) and iOS and Android simulators (built with phonegap and launched using sencha app build -run native).
I made few changes and was testing in browser alone, unfortunately. When I finally launched the app in simulators, app does not launch. I do not see the main view corresponding screen. It shows a blank screen on app launch. Application works fine in simulator browser as well. App based launch alone fails.
How do I troubleshoot the app failures on simulator? Are there any logs I need to look at? Have no clue.
I have Sencha Touch 2.3.1 and Sencha Cmd v4.0.4.84 on ubuntu OS.
No IDE as of now.
UPDATE
Was able to narrow it down to the store problem. I am trying to launch the First App in sencha docs. Store is making ajax call to googleapis. Not sure if this is causing the problem. I changed this to use local store and app launch worked fine. No idea why app is not able to get the data from googleapis. Simulator browser is able to get the data but just not the app.
As mentioned in the update, app tried to access google api url to get the json data. config.xml in project's root folder prevented access to external domains. As a result app failed to render the view. Fixing it as mentioned in Error: Whitelist rejection in Phonegap to allow required domains worked.
<!--
Define access to external domains.
<access /> - a blank access tag denies access to all external resources.
<access origin="*" /> - a wildcard access tag allows access to all external resource.
Otherwise, you can specify specific domains:
-->
<access origin="http://127.0.0.1*"/> <!-- allow local pages -->
Change <access origin= to <access origin="*"/> to allow all domains or use your specific domains.