Android app中区别网页H5 web 和原生布局方法
2016-08-17 12:18
471 查看
转自:http://www.zhihu.com/question/43310698/answer/95437844
感谢 郑海波阿里巴巴资深客户端开发
的回答。
打开手机的开发者选项,把显示布局边界的开关打开。能绘制出边框的,是原生控件,不能绘制出边框的,一般是H5页面。比如,淘宝首页:
很显然,淘宝首页肯定是Native原生页面。
我们再看一下其中一个分类,比如:家电办公:
可以看出来,中间的热门推荐等图片控件,没有能够显示其边框。这个页面就是H5页面,只是标题栏是原生的布局。
一般原则:
1.像首页、商品详情页这种优先级很高的页面,布局样式不经常改变,考虑到流程度和用户体验,一定是原生页面。
2.二级页面,经常有变化的页面,能够快速开发和发版,会考虑到用H5页面
3.最近比较火的React Native,不仅能够统一多端,还能够动态化,也一定程度上解决了流畅性的问题,受到热捧。
其实,app中,既有原生页面,也有H5页面,还牵涉到原生页面和H5页面之间的相互跳转、方法的调用等,是需要有一套相对复杂的解决方案的。
作者:郑海波
链接:http://www.zhihu.com/question/43310698/answer/95358208
来源:知乎
著作权归作者所有,转载请联系作者获得授权。
感谢 郑海波阿里巴巴资深客户端开发
的回答。
打开手机的开发者选项,把显示布局边界的开关打开。能绘制出边框的,是原生控件,不能绘制出边框的,一般是H5页面。比如,淘宝首页:
很显然,淘宝首页肯定是Native原生页面。
我们再看一下其中一个分类,比如:家电办公:
可以看出来,中间的热门推荐等图片控件,没有能够显示其边框。这个页面就是H5页面,只是标题栏是原生的布局。
一般原则:
1.像首页、商品详情页这种优先级很高的页面,布局样式不经常改变,考虑到流程度和用户体验,一定是原生页面。
2.二级页面,经常有变化的页面,能够快速开发和发版,会考虑到用H5页面
3.最近比较火的React Native,不仅能够统一多端,还能够动态化,也一定程度上解决了流畅性的问题,受到热捧。
其实,app中,既有原生页面,也有H5页面,还牵涉到原生页面和H5页面之间的相互跳转、方法的调用等,是需要有一套相对复杂的解决方案的。
作者:郑海波
链接:http://www.zhihu.com/question/43310698/answer/95358208
来源:知乎
著作权归作者所有,转载请联系作者获得授权。
相关文章推荐
- Android使用原生组件WebView加载网页和数据的方法
- Android使用原生组件WebView加载网页和数据的方法
- Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)
- android 关于webview 加载h5网页开启定位的方法
- Android中的WebView布局点击事件的方法
- CSS网页布局的兼容性问题 解决方法汇总 - CSS Web Design 我爱CSS
- Atitit.提升软件Web应用程序 app性能的方法原理 h5 js java c# php python android .net
- Android开发布局中margin和padding的区别以及文本的快速居中的方法
- H5网页App和纯原生的App差距在哪?
- WebAPP(H5)与原生APP的交互设计区别
- Atitit.提升软件Web应用程序 app性能的方法原理 h5 js java c# php python android .net
- Android中WebView方法WebViewClient和WebChromeClient的区别
- android中appwidget设置支持复杂布局的方法
- Android中WebView获取网页中标题 ,内容, 图片的方法
- Android中关于百度糯米app关闭网页或窗口的方法(99%人不知)
- Atitit.提升软件Web应用程序 app性能的方法原理 h5 js java c# php python android .net
- Android如何区分app原生和webview实现
- Android中Webview打开网页的同时发送HTTP头信息方法
- Android使用WebView加载网页屏蔽系统浏览器的方法
- Android控件之WebView(网页调转回APP)