原生app嵌入h5页面，怎么实现不升级app更新H5页面的CSS
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生app嵌入h5页面，怎么实现不升级app更新H5页面的CSS相关的知识，希望对你有一定的参考价值。
要native另做一个同步功能了。若native开启缓存，web静态资源非覆盖式发布，既能享受类似本地的快感，还能做到及时更新。
补充：
在静态服务器新建一个文本或json文件，里面写好版本号，版本号任意，要更新的时候就去改这个版本号。
native每次或定时去拉这个文件，并将版本号存在本地，以后拉取时比对本地版本号，有变化则重新拉取静态资源到本地。
更好的方法：
静态文件打包时生成改动文件映射表，这个表只有已经改动的文件名称或地址，native每次拉取这个映射表，发现有改动文件则只拉取改动文件。
参考技术A 你的H5页面CSS用网络上的 参考技术B 更新服务器上css文件就可以了移动web：原生开发打包，嵌入h5页面 webApp：全部都是H5开发的应用 混合APP：使用第三方开发平台从apicloud，appcan，hbuilder等开发，cordova技术打包 原生APP
PhoneGap是一个采用HTML，CSS和JavaScript的技术，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够在网页中调用IOS，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。
Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。
ASP.NET 是一个开发框架，用于通过 HTML、CSS、JavaScript 以及服务器脚本来构建网页和网站。 ASP.NET是什么 ASP?
移动端app分类：
移动web：原生开发打包，嵌入h5页面;
webApp：全部都是H5开发的应用;
混合APP：使用第三方开发平台从apicloud，appcan，hbuilder等开发，cordova技术打包;
原生APP：就是eclipse开发或者studio等工具开发；
无网情况下怎么加载h5界面：
首先你得对网络进行判断，初次有网进入的应用的时候就把内容缓存保存到本地，如何没网的情况下，就打开本地的缓冲，
有网就自动连接后台对页面进行刷新；
方法：
<!DOCTYPE HTML> <htmlmanifest="demo.appcache"> <body> 文档内容 ...... </body> </html>
HTML5 引入了应用程序缓存（Application Cache），这意味着可对 web 应用进行缓存，并可在没有因特网连接时进行访问。
应用程序缓存为应用带来三个优势：
- 离线浏览 - 用户可在应用离线时使用它们
- 速度 - 已缓存资源加载得更快
- 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源
ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。
Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。 Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。 Foundation 是一个以移动优先的流行框架。
安卓中 webview的组件 ：是基于webkit引擎，展现web页面的控件，
作用：
1.显示和渲染web页面；
2.直接使用html文件布局；
3.可和js交互、调用（url,交互）
混合开发（hybrid app）:主流平台phonne(=cordva) 、Appcan、appmobi、tranimmm..
Hybrid APP混合开发的一些经验和总结
以上是关于原生app嵌入h5页面，怎么实现不升级app更新H5页面的CSS的主要内容，如果未能解决你的问题，请参考以下文章
iOS页面动态化—如何用JSON数据的原生页面摆脱低效的H5页面，来动态更新app页面样式
移动web：原生开发打包，嵌入h5页面 webApp：全部都是H5开发的应用 混合APP：使用第三方开发平台从apicloud，appcan，hbuilder等开发，cordova技术打包 原生APP