Android WebView之与 JaveScript交互

最新推荐文章于 2021-02-24 13:23:05 发布
最新推荐文章于 2021-02-24 13:23:05 发布
阅读量193 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_22949049/article/details/74331931
版权

例如

获取网页内容

设置WebView Enable JavaScript

mWebView.getSettings().setJavaScriptEnabled(true); 
mWebView.addJavascriptInterface(new InJavaScriptLocalObj(), "local_obj");  
 
 
  • 1
  • 2

 
 
  • 1
  • 2

Java供Js调用的类

   final class InJavaScriptLocalObj {
       @JavascriptInterface
       public void showSource(String html) {
           System.out.println("====>html="+html);
       }
   }
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

WebViewClient中的onPageFinished加入代码

mWebView.setWebViewClient(new WebViewClient() {
    @Override 
    public boolean shouldOverrideUrlLoading(WebView view, String url) { 
        view.loadUrl(url); 
        return true; 
    }

    @Override 
    public void onPageFinished(WebView view, String url) { 
        super.onPageFinished(view, url);
        view.loadUrl("javascript:window.local_obj.showSource(document.getElementsByTagName('html')[0].innerHTML);");或者
view.loadUrl("javascript:window.local_obj.showSource('<head>'+"
      + "document.getElementsByTagName('html')[0].innerHTML+'</head>');");
 } }

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14


 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14





扩展阅读


 
 


  
  
JavaScript中获取 head 的方法 

var head = document.head || document.getElementsByTagName(‘head’)[0]; 

所以上文获取showSource的参数可以为


 
 


view.loadUrl("javascript:window.local_obj.showSource(document.head.innerHTML || document.getE



                

        

        

    




    

      

        

            

              
                
                  sinat_22949049
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
android webview中使用Java调用JavaScript方法并获取返回值_Android

				
			

			

				

					qq_25611187的博客
				

				

					11-14
					
					3686
					
				

			

		

		

			
				
webview与js交互相关,涉及到js中调用android本地的方法，于是整理了一下android和js互相调用 的过程。如下demo，demo的主要实现过程如下：通过加载本地的html文件（里面有js脚本），实现android本地方法和js中的交互。
第一步：
mainfest.xml中加入网络权限

[java] 
view plain 
copy

  

第二步：


			
		

	



                

              
                



	

		

			

				
					
Android基础—WebView和JavaScrip交互基础

				
			

			

				

					此博客已停用，博文会逐渐转移到新地址，http://blog.csdn.net/liupeifeng3514
				

				

					04-07
					
					301
					
				

			

		

		

			
				
本节引言：


在上一节中我们对Android的WebView(网页视图)进行了学习，相信已经了解了WebView的基本用法；

而本节我们要学习的就是通过：HTML -> JS ->Java来完成HTML5端与Android手机间的 互访！好的，话不多说，有吗有真相，让我们通过编写代码来体验这种微妙的联系吧~

PS：为了方便，本节用到的HTML都是以文件的形式放到assets目录

			
		

	



                


  
              

                


	

		

			

				
					
webView中调用js

				
			

			

				

					fulei_blog的博客
				

				

					04-05
					
					307
					
				

			

		

		

			
				
1. 使能JavaScript： 首先是除了最基本的那些再多添加一堆设置

WebSettingssettings=mWebview.getSettings();
mWebview.addJavascriptInterface(newInJavaScriptLocalObj(),"local_obj");
settings.setSupportZoom(true);
settings.s

			
		

	





	

		

			

				
					
Android WebView

				
			

			

				

					生命如烟花般璀璨
				

				

					08-14
					
					1639
					
				

			

		

		

			
				
android中webview使用过程中的总结

			
		

	



		

			
		



	

		

			

				
					
java webview js 安全_Android Webview Java和Javascript安全交互

				
			

			

				

					weixin_29800319的博客
				

				

					02-24
					
					158
					
				

			

		

		

			
				
最近要对一个网页的源代码进行检测，Android Webview中没有直接获取网页源代码的接口，传统的addJavascriptInterface方法存在安全隐患，所以研究了一下Java和Javascript的安全交互。Android Webview漏洞Android Webview有两个非常知名的漏洞:最近爆出来的UXSS漏洞，可以越过同源策略，获得任意网页的Cookie等信息，Android ...

			
		

	





	

		

			

				
					
android中Webview与javascript的交互（互相调用）

				
			

			

				

					08-28
				

			

		

		

			
				
总结来说，Android中的WebView与JavaScript交互是通过多种方式实现的，包括JavaScript调用Android接口、Android执行JavaScript代码以及通过WebViewClient和WebChromeClient监听和响应网页事件。这种交互方式为...

			
		

	





	

		

			

				
					
Android WebView与JavaScript交互实现Web App

				
			

			

				

					08-12
				

			

		

		

			
				
在这个主题中，我们将深入探讨如何在Android中加载assets目录下的HTML文件，并通过WebView实现与JavaScript的交互。  首先，我们要了解`WebView`的基本用法。在Android布局文件中，我们添加一个WebView组件：  ```...

			
		

	





	

		

			

				
					
Android WebView上实现JavaScript与Java交互

				
			

			

				

					10-22
				

			

		

		

			
				
主要介绍了Android WebView上实现JavaScript与Java交互 的相关资料,需要的朋友可以参考下

			
		

	





	

		

			

				
					
Android总结之WebView与Javascript交互（互相调用）

				
			

			

				

					09-01
				

			

		

		

			
				
 <p>WebView与Javascript交互    ()">点击调用Native代码    
    ('come from Js')">点击调用Native代码并传递参数    
  调用打印信息   ``` 在这个示例中，`window.wx`是JavaScript对象，它将映射到...

			
		

	





	

		

			

				
					
Android：WebView与Javascript交互（相互调用参数、传值）

					
热门推荐

				
			

			

				

					rorntuck7的专栏
				

				

					12-05
					
					2万+
					
				

			

		

		

			
				
Android中可以使用WebView加载网页，同时Android端的Java代码可以与网页上的JavaScript代码之间相互调用。
Activity代码：
 //在js中调用本地java方法  
webView.addJavascriptInterface(new JsInterface(this), "AndroidWebView");  
//添加客户端支持  
webView.

			
		

	





	

		

			

				
					
Android利用webView调用JavaScript

				
			

			

				

					Devil不加V
				

				

					01-20
					
					886
					
				

			

		

		

			
				
1、Android中利用webView调用网页上的Js代码。

   Android 中可以通过webView来实现和Js的交互，在程序中调用Js代码，只需要将webView控件的支持Js的属性设置为true，然后通过loadUrl就可以直接进行调用，如下所示：
mWebView.getSettings().setJavaScriptEnabled(true);

mWebView.load

			
		

	





	

		

			

				
					
js调用

				
			

			

				

					白龙的博客
				

				

					01-19
					
					185
					
				

			

		

		

			
				
1.js交互webview的初始化中添加：webSetting.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new InJavaScriptNetObj(), "java_jump");定义的类：public class InJavaScriptNetObj {
    @JavascriptInterface
    p

			
		

	





	

		

			

				
					
Android Webview Js交互遇到的坑！！！

				
			

			

				

					t1334311578的博客
				

				

					12-22
					
					8678
					
				

			

		

		

			
				
最近研究了一下webview的js交互问题，遇到了各种坑。现在就遇到的坑进行讲解一下，避免其他盆友遇到同样的坑不知所挫。1.需求：修改html中控件内容的值，如登录界面的用户名与密码自动输入问题。初始解决方法：通过webview设置webviewClient,并重新onpagefinished()方法，该方法在页面加载完成后会调用，进行js注入还必须设置支持javascript脚本webView.

			
		

	





	

		

			

				
					
Android Webview Java和Javascript安全交互

				
			

			

				

					
				

				

					08-15
					
					193
					
				

			

		

		

			
				
最近要对一个网页的源代码进行检测，Android Webview中没有直接获取网页源代码的接口，传统的addJavascriptInterface方法存在安全隐患，所以研究了一下Java和Javascript的安全交互。

Android Webview漏洞

Android Webview有两个非常知名的漏洞:

最近爆出来的UXSS漏洞，可以越过同源策略，获得任意网页的Cookie

			
		

	





	

		

			

				
					
android和js的相互调用

				
			

			

				

					代码写到地老天荒
				

				

					07-16
					
					397
					
				

			

		

		

			
				

使用html开发android会是一个流行的趋势,至少现在就有很多公司在android中使用了,我们这些js学的不怎么好的更不能落伍了:
 
android查询通话记录后调用js显示   android调js  点击拍照可将图片替换成拍照的图片
 
 js调用android的Toast    js调android
 
布局文件: 
 
&lt;RelativeLayout xml...

			
		

	





	

		

			

				
					
WebView获取网页代码并截取所需信息的三种方式

				
			

			

				

					Phosphophyllite的博客
				

				

					05-30
					
					3827
					
				

			

		

		

			
				
话不多说,直接步入正题.基本设置:webView.getSettings().setJavaScriptEnabled(true);方式一:截取网页内容,解析Step1.webView.addJavascriptInterface(new InJavaScriptLocalObj(), "local_obj");Step2.    在 WebViewActivity 中,创建这个内部类.final...

			
		

	





	

		

			

				
					
Android中js调用java本地方法的三种方式

				
			

			

				

					极客神殿
				

				

					10-30
					
					2098
					
				

			

		

		

			
				
MainActivity.java
package com.fedming.webtonativedemo;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.JavascriptInterface;
import android.webkit.JsPromptResult;
import a...

			
		

	





	

		

			

				
					
Android WebView教程：加载网页与JavaScript交互

				
			

			

				

					
				

			

		

		

			
				
3. Java与JavaScript交互：WebView提供了与JavaScript的交互机制，通过`addJavascriptInterface`方法，可以让Java对象的方法暴露给JavaScript调用，反之亦然，JavaScript代码也能调用Android的API，极大地扩展了...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值