How can I make a mobile webapp work offline on iPhone? - iphone

I am thinking of having a HTML page which references no CSS or .js files outside of itself so that it can work offline. Would this work?

You should use HTML5 Application Cache.
Consider starting from this tutorial: http://www.html5rocks.com/en/tutorials/appcache/beginner/

Yes this will work. You can put all HTML pages and CSS or JS files which HTML references to into your app.

Related

Live manipulation to a Localhost Webpage or a Local Html File in Flutter

How can I show a HTML+CSS file in a Flutter widget, while being able to manipulate the HTML or CSS (in file) and viewing the changes live?
Manipulating HTML:
I could use JavaScript to manipulate the HTML DOM of a loaded webpage, probably through localhost? Is there a better way to do it instead?
Manipulating CSS:
Searching around the internet I find JavaScript like "dom.getElementById('something').style.color = color.red". Though, how could I go for loading css on every change of the css file, if possible?
I hope my question is not vague. Please let me know of any issues or suggestions on this question.
The app is meant for desktop installs, though I wouldn't mind switching to working with flutter-web if need be.
Kind regards.

What to download to use MDC Web offline in a PWA?

I want to use MDC Web (https://material-components.github.io/material-components-web-catalog/#/) in a PWA offline.
What am I supposed to download? Where is the official documentation for that?
You can either follow the getting started guide to generate your own javascript and css files (So you can customise colour, shape etc) here. (This is the recommended way)
Or you can just download and copy the CDN JS & CSS files here (JS) and here (CSS)
The CDN versions only use the default colour and shape and you cant change it that much.

Plone: TinyMCE upload files

I'm trying to find a solution for files uploading directly with TinyMCE. Imagine creating a list of pdf files by uploading them using a custom button.
Is there something already done I can use? collective.clipboardupload seems to be a solution only for images.
collective.quickupload serves us well for such purposes and has a very good UI.
You can add that gadget as a portlet and make it only visible in edit-mode via CSS.
In our case we assigned the portlet to a certain content-type ('Gallery') instead to a location.
MoxieManager may be what you're looking for. It's a premium plugin made by the same developers as TinyMCE itself.
https://www.tinymce.com/docs/enterprise/manage-files-and-images/
Try to use reponsive file manager :
http://www.responsivefilemanager.com/

How to overcome the css problems in IE

I have developed a application, which i tried to run to run in different browsers.
In Google Chrome its working properly.
But when i run the same application in Internet Explorer some CSS are not affecting properly.
The thing i noticed in the debugger is the application is loading the library.css file from resources,
means from the below path its taking that css file and it is affecting my application.
https://sapui5.netweaver.ondemand.com/resources/sap/m/themes/sap_bluecrystal/library.css
Where as in Chrome its not loading any such library.css file.
How can i over come this..?
Please help me on this.
Thanks
Sathish.
Don't load css file in index.html,because in server index.html will not load,so the final solution is we need to load external css file in component.This is the best practise.
"Use browser prefix so that it will work in IE"
Some reference links MDN resource
some unknown but useful

Using local resources in an iPhone webview

Suppose an app has a webview that uses JQuery for example.
The server delivers the page with appropriate links to load JQuery, and the view works fine, but I would like it to not need to download JQuery (yes it may be cached, but it won't be the first time the app runs and I would rather not count on it)
So I can include the JQuery files with the app, but then how should I embed the links?
The server certainly doesn't know the bundle path.
I thought I could load the url into a string and then replace the JQuery paths with the local paths before displaying in the webview.
Is there an easier way?
You can use relative paths for jQuery and set the baseURL to the bundle path. However that requires that all resources are in the bundle directory (except those which are referenced by an absolute path).