首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android爬坑之旅:软键盘挡住输入框问题的终极解决方案

↑↑↑ OK,这只是入门,基本上地球上所有的Android工程师都能搞定。 别急,看下面~ 加上WebView试试看?坑来了…… 上面的入门篇中,软键盘是由原生的EditText触发弹出的。...而在H5、Hybrid几乎已经成为App标配的时候,我们经常还会碰到的情况是:软键盘是由WebView中的网页元素所触发弹出的。...来自我厂App的某个使用WebView的全屏模式Activity页面,从左到右分别是:没有软键盘的样式、软键盘挡住输入框的效果、以及使用AndroidBug5497Workaround之后的最终效果。...= content.getChildAt(0); 其中,第一行中的android.R.id.content所指的View,是Android所有Activity界面上开发者所能控制的区域的根View。...——就是界面除去了标题栏、除去了被软键盘挡住的部分,所剩下的矩形区域——如图所示,红框中的区域。

4.9K20

Android中页面旋转不销毁Webview(不重建Activity)

Activity不重建 在Android中,如果希望WebView页面在设备旋转时不销毁并重新加载,可以通过以下步骤实现: 在AndroidManifest.xml文件中,对应的Activity中添加如下配置...screenSize:屏幕尺寸的变化,例如平板模式和手机模式之间的切换。 keyboardHidden:键盘的可见性变化,例如软键盘的显示或隐藏。...事件处理 只有上面的配置就可以了,如果想在设备旋转的时候处理一些东西可以覆盖onConfigurationChanged()方法,以处理配置更改事件。...以下是一个示例: import android.content.res.Configuration; import android.os.Bundle; import android.webkit.WebView...; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity

50210
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    移动端那些戳中你痛点的软键盘问题及解决方法

    Android 软键盘弹起表现 同样,在 Android 上,输入框获取焦点,键盘弹起,但是页面(webview)高度会发生改变,一般来说,高度为可视区高度(原高度减去软键盘高度),除了因为页面内容被撑开可以产生滚动...IOS 软键盘收起表现 触发软键盘上的“收起”按钮键盘或者输入框以外的页面区域时,输入框失去焦点,软键盘收起。 Android 软键盘收起表现 触发输入框以外的区域时,输入框失去焦点,软键盘收起。...同样参考这篇文章:WebView上软键盘的兼容方案[3] 综合上面键盘弹起和收起在 IOS 和 Android 上的不同表现,我们可以分开进行如下处理来监听软键盘的弹起和收起: Ios 在 IOS 上,...addEventListener('blur', () => { // IOS 键盘收起后操作 }) android 在 Android 上,监听 webview 高度变化,高度变小获知软键盘弹起...衍生问题: 但这样引出了一个新的问题:在安卓系统下的app端,会有底部按钮被遮挡的问题。 GIF 如下: ?

    8.9K30

    JS与Native交互

    混合式开发1:(离线包,所有模块都存放在App的包中) 将服务器的资源文件(CSS/JS/Html),存放到Android 的 assets资源目录下或者本地SD卡都行的, 在WebView 中, 首先开启支持...JS功能插件 //这个主要解决加载网页不跳转到系统浏览器 webView.setWebViewClient(new WebViewClient()); webView.setBackgroundColor...---- 混合式开发3:(WebView读取本地资源JS文件) 也是我所希望的,因为我不想那么麻烦还需要去服务器对比资源以及一系列的问题,我只想简简单单的在webview中打开的页面,直接就可以拿到App...一般你选择一个框架或者一个库的时候,比如Jquey或者Zepto,好几个版迭代下来,几乎不会改变这个库的,换句话说,就是比较稳定的,不经常修改的库,我们可以存放在App资源里边,只要页面放到这个Webview...webView; private void init() { // 防止WebView 软键盘挡住输入框 getWindow().setSoftInputMode

    3.8K20

    记一次使用 android 自带 WebView 做富文本编辑器之API、机型的兼容及各种奇葩bug的解决

    3,接口丰富,嵌入和调用极其方便。       缺点:            兼容性差、bug多、二次开发极难!...退出当前APP,重新进入就有效,然后往事重现。      2,在小米2A-api 16上测试,无法删除通过软键盘删除键删除图片标签,这个问题很粗!...留意我上面说到 richeditor 所产生到的一些bug,richeditor 是基于android自带浏览器上面搞的,早期版本内核是webkit,后来是 Chrome,bug的产生有可能就是内核搞得鬼...解决:            使用java大招------反射,因为这个是在是难,源码在我解决这些东西的过程中是肯定有看的了,百度也不能停,顺便分享个 android 源码的链接,在线查看            ...,String作为key直接被覆盖,那么为了防止用户可能输入同一张图片多次,就是路径相同的情况,所以我们要建临时文件,退出再删除,占用了点 CPU 时间,那么怎么建文件呢。

    2.6K100

    app安全检测

    恶意攻击者可以利用webview进行远程命令执行,可导致手机被远程控制,危害非常大。 代码示例: 用户在使用包含此漏洞的应用访问特定的网页时会执行网页中的恶意代码,可导致手机被远程控制。...或者使用测试网页进行测试,在被测应用中打开 https://security.tencent.com/lucky/check_tools.html 威胁等级: 当存在 sdk 版本太低时存在 webview...将修改后的 apk 文件导入到/data/app 目录下,覆盖原文件, 然后重启客户端,观察客户端是否会提示被篡改。 *或在 Java 代码中查找是否包含校验功能。...安卓应用中的输入框默认使用 系统软键盘,手机安装木马后,木马可以通过替换系统软键盘,记录手机银行的密码。 测试方法: 安装 android 击键记录测试工具。...**测试方法: ** 使用现有的 android 截屏工具,连续截取屏幕内容,测试能否记录客户端软键盘输入。 检测需较高安全性的窗口(如密码输入框),看代码中在窗口加载时是否有类似下图的 代码。

    2.6K10

    【H5】209-可能这些是你想要的H5软键盘兼容方案

    作者最近一段时间在做 H5 聊天项目,过程中踩过一个大坑:输入框获取焦点,软键盘弹起,要求输入框吸附(或顶)在输入法框上。需求很明确,看似很简单,其实不然。...问题: 在 Android 和 IOS 上,获知软键盘弹起和收起状态存在差异,且页面 webview 表现不同。...IOS 软键盘收起表现 触发软键盘上的“收起”按钮键盘或者输入框以外的页面区域时,输入框失去焦点,软键盘收起。 Android 软键盘收起表现 触发输入框以外的区域时,输入框失去焦点,软键盘收起。...在 Android 上,监听 webview 高度会变化,高度变小获知软键盘弹起,否则软键盘收起。...IOS 中,只有 [0-9]* 才可以调起九宫格数字键盘,d 无效,Android 4.4 以下(包括X5内核),两者都调起数字键盘。

    4K12

    【Android笔记】浅谈WebView

    它使用了WebKit渲染引擎加载显示网页,实现WebView有以下两种不同的方法: 第一种方法的步骤: 1.在要Activity中实例化WebView组件:WebView webView = new WebView...(this); 2.调用WebView的loadUrl()方法,设置WevView要显示的网页: 互联网用:webView.loadUrl("http://www.google.com"); 本地文件用...:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中 3.调用Activity的setContentView( )方法来显示网页视图...4.用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish(...manifest> 效果图: [1240] 第二种方法的步骤: 1、在布局文件中声明WebView 2、在Activity中实例化WebView 3、调用WebView的loadUrl( )方法,设置

    98420

    基于React-Native0.55.4的语音识别项目全栈方案

    2.1 WebView 方案: 在一个app中单页面全屏放置一个WebView组件,然后加载https方式部署的web应用。 理由: 手机浏览器无法支持的情况下,只能寄希望于WebView。...WebView是Android底层用于加载网页的组件,Android4.4版本以后已将内置的浏览器引擎更换为chromium,也就是chrome的内核,从Can I Use上查询的支持度是Android5.0...webview的能力无疑,不好的地方在于app项目会直接增大80-90Mb的体积,当然通过几个版本的迭代,现在crosswalk可以针对手机内核类型生成不同的包,app体积增量大约在20Mb,基本属于可接受范围...WebView组件必须设置ref={(webview)=>{this.webview = webview}},否则onMessage属性无法监听到来自WebView加载网页通过window.postMessage...Modal组件在一个自定义组件中只能有一个(如果有多个必须通过条件判断只实例化一个),否则即使未显示的Modal组件的Visible属性设置为false,其实例方法也会和另一个Modal组件发生重叠覆盖

    3.7K30

    可能这些是你想要的H5软键盘兼容方案

    Android 软键盘弹起表现 同样,在 Android 上,输入框获取焦点,键盘弹起,但是页面(webview)高度会发生改变,一般来说,高度为可视区高度(原高度减去软键盘高度),除了因为页面内容被撑开可以产生滚动...IOS 软键盘收起表现 触发软键盘上的“收起”按钮键盘或者输入框以外的页面区域时,输入框失去焦点,软键盘收起。 Android 软键盘收起表现 触发输入框以外的区域时,输入框失去焦点,软键盘收起。...在 Android 上,监听 webview 高度会变化,高度变小获知软键盘弹起,否则软键盘收起。...IOS 中,只有 [0-9]* 才可以调起九宫格数字键盘,\d 无效,Android 4.4 以下(包括X5内核),两者都调起数字键盘。...查看效果可以用相应浏览器中访问这里。 ? 在 UC 浏览器上,软键盘弹起后,浏览器上面的标题栏高度就有个高度变小延时动态效果,这样导致 webview 往下滚了一点,底部输入框滚到了非可视区。

    8.1K20

    网站打包为App

    将网站打包成一个应用(APP)通常是通过将网站嵌入到一个本地应用程序的容器中来实现的。这个过程的核心思想是使用一个本地应用作为“外壳”,并通过它来显示你的网站内容。常见的方法有以下几种:1....使用WebView打包应用WebView是一个允许你在本地应用中嵌入网页的组件。通过这种方式,你可以将网站加载到一个原生应用的视图中。...常见的平台有Android、iOS、甚至跨平台工具,如Electron。Android应用:在Android Studio中创建一个新的项目。...在MainActivity中使用WebView组件加载你的网站:import android.os.Bundle;import android.webkit.WebSettings;import android.webkit.WebView...AppGyver、Adalo等低代码平台:可以快速构建简单的APP。总结:WebView:适合需要快速打包网站为Android/iOS应用的开发者。Electron:适合桌面平台应用,支持跨平台开发。

    22910

    移动 Web 最佳实践(干货长文,建议收藏)

    [32] DSBridge-Android[33] WebViewJavascriptBridge[34] 混合应用中一般都是通过 webview 加载网页,而当网页要获取设备能力(例如调用摄像头、本地日历等...所以需要一种方式来检测页面当前所处设备的平台类型、app 版本、系统版本等,目前比较靠谱的方式是通过 android / ios webview 修改 UserAgent,在原有的基础上加上特定后缀,然后在网页就可以通过...如果是 webview 加载网页,也可以通过 webview 加载失败的钩子监控网页崩溃等。 如何监控网页崩溃?...iOS 登陆后立即进入网页,会出现 cookie 获取不到或获取的上一次登陆缓存的 cookie 重启 App 后,cookie 会丢失 input 标签在部分安卓 webview 上无法实现上传图片功能...相关文章:【Android】WebView 的 input 上传照片的兼容问题[85] input 标签在 iOS 上唤起软键盘,键盘收回后页面不回落(部分情况页面看上去已经回落,实际结构并未回落) input

    2.5K10

    干货|app自动化测试之Andriod WebView如何测试

    Hybrid App(混合模式移动应用)是介于 Web-app、Native-app 之间的 app,本质上是 Native-app 中嵌入 WebView 组件,在 WebView 组件里可以访问 Web...Android WebView 在 Android 平台上是一个特殊的 View,用它来展示网页内容。...WebView 内部实现是采用渲染引擎来展示 View 的内容,提供网页前进后退、网页放大、缩小、搜索等功能。使用 WebView 进行测试需要开发人员配合打开一个 WebView 的开关。...WebView开关 WebView 是手机应用内嵌的浏览器,在 Android 4.4 之前 WebView 内核采用的是 WebKit,Android 4.4 之后才用的是 Chrome 作为内置浏览器...在模拟器(android6.0 版本)中是默认打开 WebView 开关的,可以直接调试和测试 WebView。真机测试时,必须在应用中打开 WebView 调试开关。

    91600

    移动 web 最佳实践(干货长文)

    [32] DSBridge-Android[33] WebViewJavascriptBridge[34] 混合应用中一般都是通过 webview 加载网页,而当网页要获取设备能力(例如调用摄像头、本地日历等...所以需要一种方式来检测页面当前所处设备的平台类型、app 版本、系统版本等,目前比较靠谱的方式是通过 android / ios webview 修改 UserAgent,在原有的基础上加上特定后缀,然后在网页就可以通过...如果是 webview 加载网页,也可以通过 webview 加载失败的钩子监控网页崩溃等。 如何监控网页崩溃?...iOS 登陆后立即进入网页,会出现 cookie 获取不到或获取的上一次登陆缓存的 cookie 重启 App 后,cookie 会丢失 input 标签在部分安卓 webview 上无法实现上传图片功能...相关文章:【Android】WebView 的 input 上传照片的兼容问题[85] input 标签在 iOS 上唤起软键盘,键盘收回后页面不回落(部分情况页面看上去已经回落,实际结构并未回落) input

    2.9K61

    基于 Vue 和 TS 的 Web 移动端项目实战心得

    [32] DSBridge-Android[33] WebViewJavascriptBridge[34] 混合应用中一般都是通过 webview 加载网页,而当网页要获取设备能力(例如调用摄像头、本地日历等...所以需要一种方式来检测页面当前所处设备的平台类型、app 版本、系统版本等,目前比较靠谱的方式是通过 android / ios webview 修改 UserAgent,在原有的基础上加上特定后缀,然后在网页就可以通过...如果是 webview 加载网页,也可以通过 webview 加载失败的钩子监控网页崩溃等。 如何监控网页崩溃?...iOS 登陆后立即进入网页,会出现 cookie 获取不到或获取的上一次登陆缓存的 cookie 重启 App 后,cookie 会丢失 input 标签在部分安卓 webview 上无法实现上传图片功能...相关文章:【Android】WebView 的 input 上传照片的兼容问题[85] input 标签在 iOS 上唤起软键盘,键盘收回后页面不回落(部分情况页面看上去已经回落,实际结构并未回落) input

    3.4K21

    Android开发笔记(一百五十一)WebView与JavaScript交互的四种形式

    WebView如果作为简单的网页浏览器,对于一般的浏览行为来说,已经足够了。...可做为企业开发者,你的App通常要嵌入自家公司的网页,如此一来,还得考虑App与Web之间的消息传递,这就涉及到App的原生代码与Web的JS代码之间的通信了。...JS调用App方法,返回值中的中文是正常;但App获取JS方法,返回值的中文却是“\u”打头的字符串,所以要先将JS返回的字符串做转义处理,转义后的字符串才是App能够处理的正常汉字。 5....如果App与JS存在嵌套调用(即A调用B,B内部又去调用A),那么Android4.4.2之后务必要保证两个调用在同一个线程中,不然运行时会报错“java.lang.Throwable: A WebView...具体的解决方法是:调用WebView对象的post方法,然后在post的Runnable任务中再去调用JS方法,例子代码如下所示: private final class Contact { /

    1.3K10

    那些年在WebView上踩过的坑

    之前我在Android中使用WebView与JS交互全解析一文中,介绍了通过Webview和JS的交互方式,但Webview这个控件简直是让人又爱又恨,各种你想不到的错误在各种奇怪的手机上,各种不一样的版本里...,所以我想通过这篇博客总结Webview开发中的不得不注意的一些坑。...当前正在加载的网页产生跳转的时候这个方法可能会被多次调用,多数开发者都是参考的http://stackoverflow.com/questions/3149216/how-to-listen-for-a-webview-finishing-loading-a-url-in-android...这里还要说一点,当加载出错的时候,比如无网络,这时onReceiveTitle中获取的标题为 找不到该网页,因此建议当触发onReceiveError时,不要使用获取到的title. 8.怎么隐藏缩放控件...自定义错误显示界面 覆写WebViewClient中的onReceivedError()方法: /** * 显示自定义错误提示页面,用一个View覆盖在WebView */ protected

    2.2K31

    WebView完全解读

    概述 WebView控件可以在自己的应用程序中显示本地或者Internet上的网页。 WebView是一个使用WebKit引擎(4.4之后基于Chromium)的浏览器控件。...() { // 设置WebView点击打开的网页在当前界面显示,而不是跳到新的浏览器中 @Override public boolean..., * 然后显示到HTML中 当我们点击某个电话号码时,会直接跳转到拨号页面 * 实现关键: 利用onload()在网页加载的时候加载相应的js脚本, * 而js脚本中定义的一个函数是 取出传递过来的对象...---- WebView处理网页返回的错误码信息 假如你们公司是做HTML5端的移动APP的,就是通过WebView来显示网页的,假如你访问的网页 不存在,或者其他错误,报404,401,403,30X...---- 页面错误,加载自定义网页 wView.setWebViewClient(new WebViewClient() { //设置在webView点击打开的新网页在当前界面显示,而不跳转到新的浏览器中

    3.4K10

    React-Native WebView,实现RN代码与Html的简单交互

    设置此属性的同时会在webview中注入一个postMessage的全局函数并覆盖可能已经存在的同名实现。.... webview 实现与RN代码简单交互 不管安卓还是ios App,当内嵌webView加载网页时,多少都会有涉及网页端代码与原生代码之间的交互。...比如对原生代码返回键的监听,来实现对当网页可返回时点击app返回键不关闭网页,而是打开前一个网页,当没有前一个网页时,关闭当前webView页面,返回App上个页面。...的打印结果如下图: event对象属性 这里便可直观的获取到WebView的重要状态属性,url为点击html标签触发的超链接,这里自定义成app能判断的协议链接,即可实现简单交互,举例点击网页按钮退出...也就是原生WebView的getId()返回值,也就是android中布局文件里的id值,这里算是唯一标识吧应该。

    2.9K10
    领券