今天介绍一下,Android中Webview与JavaScript的交互,首先是在布局文件里添加webview控件:

  1. <WebView
  2. android:id="@+id/webview"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent" />

然后是在manifest里添加权限:

  1. <uses-permission android:name="and

要是webview能够与JavaScript交互,首先需要webview要启用JavaScript:

  1. WebSettings webSettings = myWebView.getSettings();
  2. webSettings.setJavaScriptEnabled(true);

然后创建JavaScript的接口:

  1. public class WebAppInterface {
  2. Context mContext;
  3. /** Instantiate the interface and set the context */
  4. WebAppInterface(Context c) {
  5. mContext = c;
  6. }
  7. /** Show a toast from the web page */
  8. @JavascriptInterface
  9. public void showToast(String toast) {
  10. Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
  11. }
  12. }

给webview添加JavaScript接口:

  1. myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");

本地JavaScript文件:

  1. <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />
  2. <script type="text/javascript">
  3. function showAndroidToast(toast) {
  4. Android.showToast(toast);
  5. }
  6. </script>

整个代码如下:

  1. public class MainActivity extends Activity {
  2. private WebView myWebView;
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_main);
  7. myWebView = (WebView) findViewById(R.id.webview);
  8. WebSettings webSettings = myWebView.getSettings();
  9. webSettings.setJavaScriptEnabled(true);
  10. myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");
  11. ProcessWebString();
  12. }
  13. public class WebAppInterface {
  14. Context mContext;
  15. /** Instantiate the interface and set the context */
  16. WebAppInterface(Context c) {
  17. mContext = c;
  18. }
  19. /** Show a toast from the web page */
  20. @JavascriptInterface
  21. public void showToast(String toast) {
  22. Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
  23. }
  24. }
  25. private void ProcessWebString() {
  26. // 加载 asset 文件
  27. String tpl = getFromAssets("web_tpl.html");
  28. myWebView.loadDataWithBaseURL(null, tpl, "text/html", "utf-8", null);
  29. }
  30. /*
  31. * 获取html文件
  32. */
  33. public String getFromAssets(String fileName) {
  34. try {
  35. InputStreamReader inputReader = new InputStreamReader(
  36. getResources().getAssets().open(fileName));
  37. BufferedReader bufReader = new BufferedReader(inputReader);
  38. String line = "";
  39. String Result = "";
  40. while ((line = bufReader.readLine()) != null)
  41. Result += line;
  42. return Result;
  43. } catch (Exception e) {
  44. e.printStackTrace();
  45. }
  46. return "";
  47. }
  48. }

运行效果:

Android WebView JavaScript交互的更多相关文章

  1. android webview js交互 第一节 (java和js交互)

    转载请注明出处         挺帅的移动开发专栏  http://blog.csdn.net/wangtingshuai/article/details/8631835        在androi ...

  2. Android混合开发之WebView与Javascript交互

    前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.Web App.Hybrid App三种方式,个人觉得目前以Hybri ...

  3. Android总结之WebView与Javascript交互[转]

    Android总结之WebView与Javascript交互   前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.We ...

  4. Android Webview 和Javascript交互,实现Android和JavaScript相互调用

    在Android的开发过程中.遇到一个新需求.那就是让Java代码和Javascript代码进行交互.在IOS中实现起来很麻烦.而在Android中相对来说容易多了.Android对这种交互进行了很好 ...

  5. Android WebView中的JavaScript代码使用

    在WebView中使用JavaScript 如果你想要载入的页面中用了JavaScript,你必须为你的WebView使能JavaScript. 一旦使能之后,你也可以自己创建接口在你的应用和Java ...

  6. [android] WebView与Js交互

    获取WebView对象 调用WebView对象的getSettings()方法,获取WebSettings对象 调用WebSettings对象的setJavaScriptEnabled()方法,设置j ...

  7. Android与javaScript的交互

    WebView与js的交互包含两方面,一是在html中通过js调用java代码:二是在安卓java代码中调用js. 一.html中通过js调用java代码 js中调用java代码其实就记住一点,Web ...

  8. Android WebView使用与JavaScript使用

    WebView基本使用 WebView是View的一个子类,可以让你在activity中显示网页. 可以在布局文件中写入WebView:比如下面这个写了一个填满整个屏幕的WebView: <?x ...

  9. 重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互

    [源码下载] 重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互 作者:webabcd 介 ...

随机推荐

  1. Win8.1 与 pl2303驱动

    在8.1上最新的pl2303驱动都不支持Win8.1了.要使用老的驱动 http://www.drv5.cn/sfinfo/9385.html 这里这个驱动里面有五个文件,通过在设备管理器里面查看串口 ...

  2. linux下安装apache2.2.27

    1.首先下载httpd-2.2.27.tar.gz用linux命令下载 wget http://mirrors.cnnic.cn/apache//httpd/httpd-2.2.27.tar.gz 2 ...

  3. return与finally

    当return遇到了finally,先标记return的值,然后执行finally,当finally修改了return的值,那么执行finally后,传递最后一次return的值,若finally没有 ...

  4. Bootstarp--全局CSS样式之表格

    表格在实际开发中可以说是非常常见的,但是有很多人不喜欢使用表格,但个人觉得在简单的界面布局中使用表格还是很简单的.毕竟人家给了表格这元素,而你却不去使用,貌似有点不解风情. 下面简单介绍Bootstr ...

  5. 使用LuaInterface遇到的编码问题

    今天使用LuaInterface加载脚本时忽然报“未知字符”错误信息!于是检查文件编码 将其修改为“US ASCII” 就好了.

  6. android自定义样式大全:shape,selector,layer-list,style,动画全部内容

    原文:http://keeganlee.me/post/android/20150830 以下摘取了部分内容: shape 一般用shape定义的xml文件存放在drawable目录下,若项目没有该目 ...

  7. java - import *

    以前看过很多视频,现在发觉很多讲师讲的有些地方是错的,在这里就说一下 import *,例如: import java.util.*的时候,表示的是将文件中使用到的类(而不是全部类)导入,例如在imp ...

  8. 使用正则表达式统计vs项目代码总行数[转]

    怎么统计VS2008中工程的总共代码行数?怎么统计VS2008中工程的总共代码行数?在一个大工程中有很多的源文件和头文件,我如何快速统计总行数? ------解决方案----------------- ...

  9. ZOJ 1423 (Your)((Term)((Project))) (模拟+数据结构)

    题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=423 Sample Input 3(A-B + C) - (A+(B ...

  10. jQuery提供的小方法

    jQuery提供的小方法: 1.选择器 + 事件 + 函数 = 复杂的交互 2.循环处理与选择器匹配的各个元素:each() $("#").each(function(){     ...