Android:如何使用addJavaScriptInterface
来源:互联网 发布:火影忍者手游外卦软件 编辑:程序博客网 时间:2024/06/06 11:02
本文将和大家分享Android中的 addJavaScriptInterface方式。这个类主要能帮助调用你的JavaScript函数中的任意活动方式。其中有如下一些需要注意的地方:
- addJavaScriptInterface方式帮助我们从一个网页传递值到Android XML视图(反之亦然)。
- 你可以从网页调用你的活动类方式(反之亦然)。
- 这是一个非常有用的功能,而当WebView中的HTML是不能信赖的,这则是一个非常危险的安全问题,因为攻击者可以注入HTML执行你的代码。
- 除非WebView所有HTML都是你写的,否则不要使用addJavascriptInterface()。
本文包含如下要点:
- 执行JavaScriptInterface及其方式。
- 使用该界面,我们将绑定一个textview(文本视图)控制。
- demo app的源代码。
使用代码
我们将用到一个Eclipse ID,创建一个命名为JavaScriptInterfaceDemo的新项目。创建之后,即添加user permission for internet(用户互联网权限)到 AndroidManifest.xml文件中。
<uses-permission android:name="android.permission.INTERNET"/>
然后创建一个命名为www的文件夹,之后在该文件夹内创建一个index.html文件。我们已经在名为main.xml的布局文件使用WebView 和textview。main.xml代码如下:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <WebView android:id="@+id/webView1" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" /> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:layout_weight="1"> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="match_parent" android:textAppearance="?android:attr/textAppearanceLarge" /> </LinearLayout></LinearLayout>
在main.xml文件中,我们已经用到一个父布局,它是一个线性布局,如果没有它,我会用一些子控制和布局。
现在我们将写更多行到JavaScriptInterfaceDemoActivity.java类。代码如下:
package my.demo;import my.demo.R;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.os.Handler;import android.webkit.WebView;import android.widget.TextView;import android.widget.Toast;public class JavaScriptInterfaceDemoActivity extends Activity {private WebView Wv;private TextView myTextView;final Handler myHandler = new Handler(); /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Wv = (WebView)findViewById(R.id.webView1); myTextView = (TextView)findViewById(R.id.textView1); final JavaScriptInterface myJavaScriptInterface = new JavaScriptInterface(this); Wv.getSettings().setLightTouchEnabled(true); Wv.getSettings().setJavaScriptEnabled(true); Wv.addJavascriptInterface(myJavaScriptInterface, "AndroidFunction"); Wv.loadUrl("file:///android_asset/www/index.html"); } public class JavaScriptInterface {Context mContext; JavaScriptInterface(Context c) { mContext = c; } public void showToast(String webMessage){ final String msgeToast = webMessage; myHandler.post(new Runnable() { @Override public void run() { // This gets executed on the UI thread so it can safely modify Views myTextView.setText(msgeToast); } }); Toast.makeText(mContext, webMessage, Toast.LENGTH_SHORT).show(); } }}
在Java类文件中,我们已经将一些代码写入到oncreate方式。在这个方式中,我们用findViewById方式找到webview 和textview控制。然后创建一个JavaScriptInterface类。该类有一个构建函数,该函数初始化Context类。那么,什么是Context类呢?
Context类是一个抽象类,它允许访问特定应用资源和类,以及调用应用程序级操作,诸如发起活动、广播和接收意图等。
在构建函数初始化后,创建一个名为showToast的方式,该方式有一个变量的msgeToast字符串,然后创建一个名为myHandler的Handler(处理器)。该处理器有一个Post方式,在该方式的声明中,创建一个新的可运行线程类的实例,在这个类里覆盖一个运行方式,该运行方式设置textview控制的值。
现在在OnCreate方式中创建一个JavaScriptInterface实例。
在JavaScriptInterface类初始化之后,添加一行到OnCreate方式。
final JavaScriptInterface myJavaScriptInterface = new JavaScriptInterface(this);
webview提供addJavascriptInterface方式。该方式包含两项参数:
- 绑定到JavaScript的类实例。
- 用来显示JavaScript中的实例的名称。(不知有什么用,欢迎大神解答!!!)
对于webview,我们需要弟阿勇一些设置来启用JavaScript。
Wv.addJavascriptInterface(myJavaScriptInterface, "AndroidFunction");
最后,需要在webview中提供一个web URL:
Wv.loadUrl("file:///android_asset/www/index.html");
然后创建一个命名为index.html的HTML文件。该HTML有一个文本框和一个提交按钮。HTML文件代码如下:
<!DOCTYPE ><html xmlns="http://www.w3.org/1999/xhtml" debug="true"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="target-densitydpi=device-dpi" /> <script type="text/javascript"> function init() { var testVal = document.getElementById('mytextId').value; AndroidFunction.showToast(testVal); } </script> </head> <body> <div style="float: left;width: 50%;"> <input type="text" style="width: 180px;" name="myText" id="mytextId" /> </div> <div style="clear: both;height: 3px;"> </div> <div> <input value="submit" type="button" name="submit" id="btnSubmit" onclick="javascript:return init();" /> </div> </body></html>
该HTML文件有一个JavaScript函数名为init,该函数调用活动方式。
AndroidFunction.showToast(testVal);
AndroidFunction是同样的名字,用来显示JavaScript中的实例。我们已经在addJavascriptInterface方式中给出该名字。
现在运行你的app。
- Android:如何使用addJavaScriptInterface
- Android:如何使用addJavaScriptInterface
- Android:如何使用addJavaScriptInterface
- Android:如何使用addJavaScriptInterface
- Android addJavaScriptInterface
- Android混合开发之Activity类与html页面之间的相互跳转之Android:如何使用addJavaScriptInterface
- android--WebView使用addJavascriptInterface在sdk 17的问题解决
- android webview addJavascriptInterface 安全
- addJavascriptInterface(
- addJavascriptInterface
- Android 2.3 WebView AddJavascriptInterface解决办法
- Android WebView addJavascriptInterface无效原因
- android addJavascriptInterface 不能生效 解决办法
- Android WebView addJavascriptInterface无效原因
- android addJavascriptInterface 不能生效 解决办法
- Android 调用js,传对象到js里面使用addJavascriptInterface错误总结
- android js互相调用的方法,混淆后js无效,addJavascriptInterface使用注意事项
- android的webView.addJavascriptInterface() 不能生效解决方法
- shell 之 gawk (二) 高级篇
- 第三题
- 关于找算法资料
- gogo!大仙!
- ASp.net 剖析三层架构
- Android:如何使用addJavaScriptInterface
- 关于LED点亮
- Opengl学习(一)
- Struts2 框架工作处理流程
- 存储管理器
- NULL, 0, 空格与'0','\0'
- 第十二周 教师兼干部
- 定义符
- Ubuntu 12.04 LTS 添加国内源