H5正常但App非常的可能性

1.css非常:

2.不支撑的选择器

非H5端不支撑*选择器;

body的元素选择器恳求改为page,同样,div和ul和li等改为view、span和font改为text、a改为navigator、img改为image…

  • 组件和页面样式相互影响

非H5端默认并未启用 scoped,如需要隔离组件样式可以在 style 标签增加 scoped 属性,H5端为了隔离页面间的样式默认启用了 scoped

  • webview浏览器兼容性

vue页面在App端,默认是被体系的webview渲染的(不是手机自带浏览器,是rom的webview),在较老的手机上,比如Android4.4、5.0或iOS8,好多css是不支撑的,所以不要应用太新的css,会导致界面非常

留神这不意味着不能运用flex,Android4.4也支撑flex,只是不要运用太新的css

可以找Android4.4手机或应用pc模拟器实际测试下,大多数国产Android模拟器都是4.4或5.0

从 uni-app 2.5.3 起,Android端支撑引入腾讯x5浏览器内核,可以抹平低端Android的浏览器兼容性题目

小程序不存在浏览器兼容题目,它自带了一个很大的Webview所以如果你的H5和小程序界面正常,而Android低端机App界面非常,且App没有利用x5引擎,那基本就可以断定是因为css兼容性

app端nvue页面,不存在浏览器兼容题目,它自带一个统一的原生渲染引擎,不依靠webview

Android4.4对应的webview是chrome37

  • 原生组件层级题目 H5没有原生组件概念题目,非H5端有原生组件并引发了原生组件层级高于前端组件的概念,如果遮挡video、map等原生组件,恳求运用cover-view组件
  • 运用了非H5端不支撑的API 小程序和App的js运转在jscore下而不是浏览器里,没有浏览器专用的js对象,比如document、xmlhttp、cookie、window、location、navigator、localstorage、websql、indexdb、webgl等对象

如果你的代码没有直接利用这些,那很可能是引入的三方库应用了这些。

立即

咨询

400电话

电话咨询

400-1875-778

微信咨询

李经理

微信扫一扫加好友

下载源码

返回顶部