原生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是一个采用HTMLCSSJavaScript的技术,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够在网页中调用IOSAndroidPalmSymbian,WP7,WP8,BadaBlackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外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>
<html manifest="demo.appcache">

<body>
文档内容 ......
</body>

</html>

HTML5 引入了应用程序缓存(Application Cache),这意味着可对 web 应用进行缓存,并可在没有因特网连接时进行访问。

应用程序缓存为应用带来三个优势:

  1. 离线浏览 - 用户可在应用离线时使用它们
  2. 速度 - 已缓存资源加载得更快
  3. 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源

 

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..

 

 

 

论坛43213

移动端webApp兼容问题解决

 谈谈App混合开发

Hybrid APP混合开发的一些经验和总结

 

以上是关于原生app嵌入h5页面,怎么实现不升级app更新H5页面的CSS的主要内容,如果未能解决你的问题,请参考以下文章

iOS页面动态化—如何用JSON数据的原生页面摆脱低效的H5页面,来动态更新app页面样式

浅淡iOS app加载h5页面

移动web:原生开发打包,嵌入h5页面 webApp:全部都是H5开发的应用 混合APP:使用第三方开发平台从apicloud,appcan,hbuilder等开发,cordova技术打包 原生APP

h5做app和原生app有啥区别?

如何判断一个APP页面是原生的还是H5页面

h5页面嵌套到app里,js可以用window吗