Android webview 69,android-9.0-pie-env(safe-area-inset-top)无法在Android Pie WebView 69上运行

在

Chrome 69中引入了对env()常量的支持.虽然我观察到的行为与iOS不同.在iPhone 8屏幕上没有凹口env(安全区域插入顶部)等于20px,而在Moto G屏幕上,没有凹口,它等于0.

作为一种解决方法,我正在使用此函数在页面加载时将类设置为正文：

/**

* Android save-area env variables behave differently from iOS ones:

* env(safe-area-inset-top) will return 0 on Android and 20px on iOS.

* In case android behavior spotted, body is added class `app-android-safe-area`

function checkSafeArea() {

const $body = $(document.body);

const $div = $('

$div.appendTo($body);

const safeAreaInsetTop = $div.outerHeight();

if (!safeAreaInsetTop) {

$body.addClass('app-android-safe-area');

}

$div.remove();

}

并调整了我的风格：

body.app-ts-mobile & {

margin-top: 20px; // fallback for no safe area support

margin-top: constant(safe-area-inset-top); // iOS 11

margin-top: env(safe-area-inset-top); // iOS 11.2+

}

body.app-ts-mobile.app-android-safe-area & {

margin-top: 20px;

}

虽然我还没有检查env(safe-area-inset-top)在Android屏幕上的缺点是什么.可能是它缺少状态栏高度.

Android webview 69,android-9.0-pie-env(safe-area-inset-top)无法在Android Pie WebView 69上运行相关推荐

android初步ui线程案例,android – 它是一个bug还是一个功能？在某些情况下,可以从未在UI线程上运行的任务访问UI线程...
developer.android.com说: Only objects running on the UI thread have access to other objects on that t ...
android sdk 2.9.5.0,如何找到问题Android SDK 3.0错误：(9,5)错误：资源android：attr/colorError未找到...
当我做一个make时如何找到此错误的问题我收到此错误消息: 错误:(9,5)错误:找不到资源android:attr / colorError 奇怪的是我有2个build.gradle文件: 这里是我 ...
(转)Android Studio Error:Failed to resolve: com.android.support:appcompat-v7:25.1.0解决方案
(转)Android Studio Error:Failed to resolve: com.android.support:appcompat-v7:25.1.0解决方案参考文章: (1)(转)A ...
android studio升级到3.0之后布局视图_升级到AndroidStudio3.0 之后的遇到问题的处理（新建、方法数限制等）...
引言: 遇到的新问题: 1,新建项目报错: Unable to resolve dependency for :app@debug/compileClasspath': Could not resol ...
android QQ动态tab,变化忒大了！Android版手机QQ 5.0体验
变化忒大了!Android版手机QQ 5.0体验出处:快科技 2014-07-28 12:02:56 作者:随心编辑:随心[爆料] 收藏文章内容导航: 第[01]页:[Android版手 ...
Android 版本适配：9.0 Pie（API 级别 28）
一.前言本文主要是从官方文档中筛选出一些常见的适配项,若有任何纰漏或需要补充的,欢迎大家在评论区指出. 二.版本适配 1. 限制 HTTP 网络请求 Android 9.0 中限制了 HTTP(明文 ...
Android10.0应用进程创建过程以及Zygote的fork流程-[Android取经之路]
摘要:点击手机桌面图标,例如微信,它是如何启动的呢,让我们从系统源码级来一起分析. 阅读本文大约需要花费1小时. 文章的内容主要还是从源码进行分析,虽然又臭又长,但是如果想要学习Android系统源码 ...
Android使用NDK OpenGL ES3.0绘制一个三角形
Android使用NDK OpenGL ES3.0绘制一个三角形 [尊重原创,转载请注明出处]https://blog.csdn.net/guyuealian/article/details/820 ...
android系统知识（8.0)---Android O 启动优化
Android O 启动优化的一些思路启动优化其实是一个比较大的命题,在一些特地的场景下,快速启动有比较强烈的需求,这篇博客主要简单的介绍一些在android O平台上的进行启动优化的思路与想法. ...

Android webview 69,android-9.0-pie-env(safe-area-inset-top)无法在Android Pie WebView 69上运行

Android webview 69,android-9.0-pie-env(safe-area-inset-top)无法在Android Pie WebView 69上运行相关推荐

最新文章

热门文章