Android与Javascript交互之入门

最新推荐文章于 2024-07-24 11:23:56 发布

寂静代码

最新推荐文章于 2024-07-24 11:23:56 发布

阅读量328

点赞数

分类专栏： java / js 相关

本文链接：https://blog.csdn.net/mr_jianrong/article/details/72627134

版权

本文介绍了Android使用WebView与JavaScript交互的入门知识，包括关键类WebChromeClient和WebViewClient的使用，以及如何注入Java对象到JavaScript上下文。示例代码演示了Android调用JavaScript方法和JavaScript调用Android方法的过程。

摘要由CSDN通过智能技术生成

Android与JavaScript交互主要是使用的WebView。

关于WebView，一般涉及到2个类：WebChromeClient 和 WebViewClient 。

开发的大致流程为（摘自Android developer）：

A WebView has several customization points where you can add your own behavior. These are:

Creating and setting a WebChromeClient subclass. This class is called when something that might impact a browser UI happens, for instance, progress updates and JavaScript alerts are sent here (see Debugging Tasks).
Creating and setting a WebViewClient subclass. It will be called when things happen that impact the rendering of the content, eg, errors or form submissions. You can also intercept URL loading here (via shouldOverrideUrlLoading()).
Modifying the WebSettings, such as enabling JavaScript with setJavaScriptEnabled().

Injecting Java objects into the WebView using the addJavascriptInterface(Object, String) method. This method allows you to inject Java objects into a page's JavaScript context, so that they can be accessed by JavaScript in the page.

好了，废话不多说，上Demo。

此demo完成了Android与Javascript交互的基础功能，并用json字符串进行了值传递。

秉持一贯的风格，知识内容都在代码注释中，这样方便以后复习。（布局就不贴了，比较简单）

整个工程结构比较简单：

首先是这个jsdroid.html文件的界面（贴界面其实有点2 --！）：

html代码比较简单：

[html]view plaincopy 
   
print?
 <html>  
 <meta charset="GBK">  
 <head>  
 <title>js交互android</title>  
 <script type="text/javascript">  
       
     function show(){  
     var a = document.getElementById("text").value;  
     alert("警告，你输入的是："+a);  
     }  
   
     function rfInfo(jsonStr) {   
             document.getElementById("info").innerHTML="从Android客户端传来的作者信息:"+jsonStr.Developer;   
         }   
   
     function cfm() {   
     if(confirm("确认界面提示?")){  
     return true;  
     }else  
      return false;  
     }   
   
     function pmt() {   
     var place = prompt("请输入位置?","");  
     }  
   
 </script>  
 </head>  
 <body>  
 <form action="">  
     <p><div id="info" >从Android客户端传来的作者信息:</div></p>  
     <p><input type="text" id="text" value="input your msg"/></p>  
     <p><div id="inputinfo" >输入的信息:</div></p>  

最低0.47元/天解锁文章

寂静代码

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android与Javascript交互之入门

Android与JavaScript交互主要是使用的WebView。关于WebView，一般涉及到2个类：WebChromeClient 和 WebViewClient 。开发的大致流程为（摘自Android developer）：A WebView has several customization points where you can add your own
复制链接

扫一扫

专栏目录