标签‘webview’

iOS WebView加载网页触摸白屏bug排查及修复

分类：技术技巧 | 2017-10-29 08:10:02 | 浏览(20,304)

11条评论

最近兄弟团队给提了一个bug，说他们iOS端的网页，触摸后很大几率出现白屏，一开始我是很不信的，后面本地调试竟然更高概率发生。

首先，系统是iOS10、11，网页是高度100%，中间部分越界滚动的一个常规效果，框架vue，不过感觉bug和vue关系不大，大概结构如下：

<body>
	<div id="app">
		<header class="page-header"></header>
		<div class="page-content"></div>
		<footer class="page-footer"></footer>
	</div>
</body>

由于希望得到平滑点的滚动，在中间滚动部分加了 查看更多...

Android WebView内嵌网页input无法选择文件解决

分类：编程代码 | 2017-02-23 03:02:38 | 浏览(10,756)

8条评论

最近发现公司APP内嵌的网页点击上传图片没任何效果，查资料得知是Android安全限制，WebView内网页默认没有读取本地文件的权限。虽然网上有解决方案，但是由于Android版本几经波折，API签名大相径庭，想要完全兼容，要实现多个方法，为方便以后使用，简单记录一下。

首先，在使用WebView的页面，增加如下全局变量，方便回调使用：
查看更多...

Android软键盘遮挡输入框问题解决

分类：编程代码 | 2017-02-23 02:02:49 | 浏览(11,262)

3条评论

移动APP、网站有界面底部存在输入框的情况，无论是原生还是WebView内嵌，在软键盘弹出时，经常会有遮挡输入框的问题，解决方法就是让软键盘弹出时窗口自适应，而非软键盘直接悬浮，网上看到有三种解决方案：

1、在你的activity中的oncreate中setContentView之前加上如下代码

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE | WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);

2、在项目的AndroidManifest.xml文件中界面对应的Activity里加入android:windowSoftInputMode="stateVisible|adjustResize"，这样会让屏幕整体上移。如果加上的是android:windowSoftInputMode="adjustPan"这样键盘就会覆盖屏幕。 查看更多...