webView中调用js

最新推荐文章于 2025-01-10 19:10:25 发布
原创 最新推荐文章于 2025-01-10 19:10:25 发布 · 358 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

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

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

2. 编写本地接口

?
1
2
3
4
5
final class InJavaScriptLocalObj {
    public void showSource(String html) {
        Log.d("HTML", html);
    }
}


3. 向网页暴露本地接口

?
1
webView.addJavascriptInterface(new InJavaScriptLocalObj(), "local_obj");


4. 编写自己的WebViewClient，并在onPageFinished中提取网页源码。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
final class MyWebViewClient extends WebViewClient{  
    public boolean shouldOverrideUrlLoading(WebView view, String url) {   
        view.loadUrl(url);   
        return true;   
    }  
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        Log.d("WebView","onPageStarted");
        super.onPageStarted(view, url, favicon);
    }    
    public void onPageFinished(WebView view, String url) {
        Log.d("WebView","onPageFinished ");
        view.loadUrl("javascript:window.local_obj.showSource('<head>'+" +
                "document.getElementsByTagName('html')[0].innerHTML+'</head>');");
        super.onPageFinished(view, url);
    }
}

 

组合在一起的代码为：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
package com.hi.briancol.htmlsource;
  
import android.app.Activity;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.util.Log;
import android.webkit.WebView;
import android.webkit.WebViewClient;
  
public class HtmlSource extends Activity {
    private WebView webView;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mWebview= (WebView)findViewById(R.id.webview);
        WebSettingssettings=mWebview.getSettings();
       mWebview.addJavascriptInterface(newInJavaScriptLocalObj(),"local_obj");
     settings.setSupportZoom(true);
     settings.setDomStorageEnabled(true);
     mWebview.requestFocus();
     ttings.setBuiltInZoomControls(true);
        webView.addJavascriptInterface(new InJavaScriptLocalObj(), "local_obj");
        webView.setWebViewClient(new MyWebViewClient());
        webView.loadUrl("http://www.cnblogs.com/hibraincol/");
    }
      
      
   final class MyWebViewClient extends WebViewClient{  
        public boolean shouldOverrideUrlLoading(WebView view, String url) {   
            view.loadUrl(url);   
            return true;   
        }  
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            Log.d("WebView","onPageStarted");
            super.onPageStarted(view, url, favicon);
        }    
        public void onPageFinished(WebView view, String url) {
            Log.d("WebView","onPageFinished ");
            view.loadUrl("javascript:window.local_obj.showSource('<head>'+" +
                    "document.getElementsByTagName('html')[0].innerHTML+'</head>');");
            super.onPageFinished(view, url);
        }
    }
      
    final class InJavaScriptLocalObj {
@JavascriptInterface
        public void showSource(String html) {
            Log.d("HTML", html);
        }
    }
}

关键之处在于：

view.loadUrl("javascript:window.local_obj.showSource('<head>'+document.getElementsByTagName('html')[0].innerHTML+'</head>');");

android webview中使用Java调用JavaScript方法并获取返回值
01-20
`addJavascriptInterface`方法接收一个实现了特定方法的Java对象（在这个例子中是内部类`JsToJava`）和一个字符串参数，这个字符串将在JavaScript中作为接口的名字。 然后，你可以加载HTML内容，或者直接调用...
精选资源
详解Flutter WebView与JS互相调用简易指南
01-04
WebView与JS互相调用是一个刚需，但是貌似现在大家写的文章讲的都不是很清楚，我这个简易指南简单粗暴地分为两部分：JS调用Flutter和Flutter调用JS，拒绝花里胡哨，保证一看就懂，一学就会。 开始之前先简单了解...
android之webview与js相互调用
06-13
android怎么通过webview调用javascript，javascript怎么调用android代码，下载可查看详细过程
Android WebView详解和调用JS，androidrom开发书籍
m0_64319112的博客
11-26 1084
} （3）创建一个自己的WebViewClient，通过setWebViewClient关联 //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开 mWebView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { //返回值是true的时候控制去WebView打开，为false调用系
关于webview调用js
热门推荐
一站到底s的博客
06-21 1万+
转载：https://blog.youkuaiyun.com/carson_ho/article/details/64904691Android与JS通过WebView互相调用方法，实际上是：Android去调用JS的代码JS去调用Android的代码二者沟通的桥梁是WebView对于Android调用JS代码的方法有2种： 1. 通过WebView的loadUrl（） 2. 通过WebView的evalua...
webview调用js方法
u011334510的博客
07-12 2048
/** * 调用js方法 由于webview中调用js需要拼接成字符串比较麻烦，所以简单的封装了一下 *     * @param strs 第一个参数是js方法名字，其余任意个参数为传递给js的参数 */ public void callJs(Object... strs) { Message message = new Message(); message.obj ...
Android -- WebView 与 JS 交互方式总结
一只驴在敲代码
12-21 6227
前言 现在很多App都选择混合开发模式，即App内置Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等 App中加载网页是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现 下面是对 Android通过WebView与JS交互 的总结 1. 交互方式总结 Android与JS通过WebView互相调用的方法，实际上是： A...
Android中 webView调用JS出错的解决办法
01-05
 webView调用JS出错。 代码如下:  class TestJS {  ……  public TestJS(){  }    public void save(String data){   webView.loadUrl(“[removed] alert(” + data +”)”);  }  ……  } ...
在 WebView 中如何使用 JavaScript？
Programming Talk
03-12 2703
在 JavaScript 中调用 Java可以通过 WebView 的 addJavascriptInterface() 方法将 Java 对象暴露给 JavaScript，从而在 JavaScript 中调用 Java 方法。总之，在 WebView 中使用 JavaScript 非常简单，只需要启用 JavaScript、加载包含 JavaScript 的网页，然后就可以在 Java 和 JavaScript 之间互相调用了。
WebView与 JS 交互方式
qq_39431405的博客
01-29 3679
Webview与JS的交互方法
Android WebView详解和调用JS
最新发布
2401_89791386的博客
01-10 961
我们在 WebChromeClient 中的 onReceivedTitle() 方法里判断html页面的标题中是否含有 “error”，如果有，则证明html加载失败，设置加载失败的标记，让在 WebViewClient 的完成是回 调的 onPageFinish() 方法里显示自定义的加载失败的页面。Log.d(“testTimeout”, “-----------加载异常”);Log.d(“testTimeout”, “-----------加载异常”);
webview调用js
fmlfch的博客
05-31 434
今天因为一个js传值的方法，搞了一天，知道刚才我一时兴起打印了一下某个通过js传过来的值，才发现问题所在。 Android的webview真的是一个大坑，我都不想说什么了。 说一下今天这个问题吧，在这个页面里，我需要实现用户点击wap页，然后上传图片。之前倒腾了好长时间，希望通过webview的内置的方法去实现，但是最后我放弃了。只能写本地方法去实现图片上传。但是，需要wap页给我传一个值作为
webView 中调用 JS
dihong2558的博客
11-12 173
UIWebView是iOS最常用的SDK之一，它有一个stringByEvaluatingJavaScriptFromString方法可以将javascript嵌入页面中，通过这个方法我们可以在iOS中与UIWebView中的网页元素交互。 使用stringByEvaluatingJavaScriptFromString方法，需要等UIWebView中的页面加载完成之后去调用。...
Android：WebView与 JS 的三种交互方式详解与对比
u011339364的专栏
10-26 1006
目录 1. 交互方式总结 Android与JS通过WebView互相调用方法，实际上是： Android去调用JS的代码JS去调用Android的代码 二者沟通的桥梁是WebView 对于Android调用JS代码的方法有2种：  1. 通过WebView的loadUrl（）  2. 通过WebView的evaluateJavascript（）
WebView 简单Android调用JS
black_amber的博客
05-05 235
//找到webview WebView webView = (WebView)findViewById(R.id.webView); //要设置 webView.setWebViewClient(new WebViewClient()); webView.setWebChromeClient(new WebChromeClient()); WebSettings settings = webVie...
WebView调用Javascript方法
晓鱼儿的专栏
12-06 1534
正文： 1.       Objective-C调用Javascript方法： 前提： UIWebView已经完全加载完成包含需要调用的页面 方法： 假设某视图对象的子视图属性self.webview加载的页面包含如下Javascript函数： function getString(){ return “Hello javascript!”;} 并且该函数在该页面上可被正常调用，则可
android webview 执行js_web前端入门到实战：Js和原生相互调用总结
weixin_40009207的博客
11-29 278
一、前言现在市面上有一些app是通过原生ios、Android加载一个网页实现的，如图所示，这样的app我们称之为 Hybrid App那么为什么要用 hybrid app呢？ 个人认为的原因有两点：1.提高开发效率，以钉钉为例在涉及到一些OA操作比如打卡，请假等功能的时候，显然一个嵌入一个网页就能够满足需求，如果在让IOS和Android再去各自开发一套那么效率就很低了。2.提高迭代效率。以商城...
android webview 执行js
jz726的专栏
06-01 1027
目前发现android webview 在执行js代码过程发现，在 @Override public void onPageFinished(WebView view, String url) { //view.loadUrl("javascript:window.java_obj.getSource(document.getElementsByTagName('html')
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值