webView中调用js

最新推荐文章于 2024-07-04 17:32:15 发布
最新推荐文章于 2024-07-04 17:32:15 发布
阅读量312 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fulei_blog/article/details/69220310
版权

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>');");

Lei平凡之路
关注
专栏目录
Android中 webView调用JS出错的解决办法
09-03
本篇文章将详细介绍如何解决Android中WebView调用JS出错的问题。 首先，让我们分析一下错误日志。错误信息指出“一个WebView方法在非主线程'JavaBridge'上被调用，所有WebView的方法必须在同一线程上调用”。这意味...
WebView调用Javascript方法
晓鱼儿的专栏
12-06 1448
正文： 1.       Objective-C调用Javascript方法： 前提： UIWebView已经完全加载完成包含需要调用的页面 方法： 假设某视图对象的子视图属性self.webview加载的页面包含如下Javascript函数： function getString(){ return “Hello javascript!”;} 并且该函数在该页面上可被正常调用，则可
关于webview调用js
热门推荐
一站到底s的博客
06-21 1万+
转载：https://blog.csdn.net/carson_ho/article/details/64904691Android与JS通过WebView互相调用方法，实际上是：Android去调用JS的代码JS去调用Android的代码二者沟通的桥梁是WebView对于Android调用JS代码的方法有2种： 1. 通过WebView的loadUrl（） 2. 通过WebView的evalua...
Android WebView详解和调用JS
最新发布
2401_84434086的博客
07-04 724
);（2）如果希望浏览的网页后退而不是退出浏览器，需要WebView覆盖URL加载，让它自动生成历史访问记录，那样就可以通过前进或后退访问已访问过的站点。/**在onKeyDown中设置webView在返回的时候自动记录浏览记录@return*/@Override}else {finish();（3）创建一个自己的WebViewClient，通过setWebViewClient关联。
在 WebView 中如何使用 JavaScript？
Programming Talk
03-12 2328
在 JavaScript 中调用 Java可以通过 WebView 的 addJavascriptInterface() 方法将 Java 对象暴露给 JavaScript，从而在 JavaScript 中调用 Java 方法。总之，在 WebView 中使用 JavaScript 非常简单，只需要启用 JavaScript、加载包含 JavaScript 的网页，然后就可以在 Java 和 JavaScript 之间互相调用了。
Android：WebView与 JS 的三种交互方式详解与对比
u011339364的专栏
10-26 881
目录 1. 交互方式总结 Android与JS通过WebView互相调用方法，实际上是： Android去调用JS的代码JS去调用Android的代码 二者沟通的桥梁是WebView 对于Android调用JS代码的方法有2种：  1. 通过WebView的loadUrl（）  2. 通过WebView的evaluateJavascript（）
Android WebView使用方法详解 附js交互调用方法
weixin_42602900的博客
03-09 4191
Android WebView使用方法详解 附js交互调用方法
详解Flutter WebView与JS互相调用简易指南
01-04
WebView与JS互相调用是一个刚需，但是貌似现在大家写的文章讲的都不是很清楚，我这个简易指南简单粗暴地分为两部分：JS调用Flutter和Flutter调用JS，拒绝花里胡哨，保证一看就懂，一学就会。 开始之前先简单了解...
android webview中使用Java调用JavaScript方法并获取返回值
10-24
如果需要在WebView中启用JavaScript调用Android代码的功能，还要在addJavascriptInterface()方法中声明一个Java类的实例，并为其指定一个可以在JavaScript中访问的接口名字。 在Java代码中定义一个内部类，用于接收...
Android中WebView与Js的交互
weixin_37841366的博客
09-25 4096
1. Android中通过WebView调用JS方法(传递参数) 2、Js调用Android的方法 3、 【实现效果】 1、App页面 app调用js中showDemo(str)方法存在两种方式: [1] 利用webview直接去执行js代码 2、demo.html 1、点击app中的按钮，调取js代码，并将返回结果显示在对应的控件中 2、web中点击按钮，去调用Andriod中的方法。 3、适配问题。 【2】js中调用app代码_广播+@J...
Android WebView与JS的交互方式
weixin_42602900的博客
03-21 2707
Android WebView与JS的交互方式
Android -- WebView 与 JS 交互方式总结
一只驴在敲代码
12-21 3288
前言 现在很多App都选择混合开发模式，即App内置Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等 App中加载网页是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现 下面是对 Android通过WebView与JS交互 的总结 1. 交互方式总结 Android与JS通过WebView互相调用的方法，实际上是： A...
Android WebView详解和调用JS，androidrom开发书籍
m0_64319112的博客
11-26 976
} （3）创建一个自己的WebViewClient，通过setWebViewClient关联 //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开 mWebView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { //返回值是true的时候控制去WebView打开，为false调用系
WebView与 JS 交互方式
qq_39431405的博客
01-29 3017
Webview与JS的交互方法
WebView与JS的交互
m0_62787113的博客
06-05 1231
WebView与JS的交互
基础巩固（五）Android通过WebView与Js交互
芸兮的博客
06-02 3167
WebView是一个基于webkit引擎、展现web页面的控件。Android的Webview在低版本和高版本采用了不同的webkit版本内核，4.4后直接使用了Chrome。显示和渲染web界面直接使用html文件（网络上或者本地asset）作为布局可与JavaScript交互调用WebView控件功能强大，除了具有一般View的属性和设置外，还可以对url请求、页面加载、渲染、页面交互进行强大的处理。
Android AgentWeb WebView 与js交互总结
w风雨无阻w的专栏
06-09 3010
想必熟悉android开发的同学都知道使用原生 webview 与js 的交互方式，下面我们先来回顾一下。webview 通过addJavascriptInterface 进行对象映射首先要打开交互权限 , 允许使用javascript说明：以上“ JsInterface ”、“android” 都可以自己命名，这里仅做为示例。那么使用 AgentWeb的Webview和js 的交互方式，你知道吗？其实和原生webview与js的交互还是有些出入的，接下来，我们以代码进行详细说明。根据。
webview调用前台js方法
05-11
要在 WebView 中调用前台 ...这将会在 WebView 加载的页面中调用名为 "sayHello" 的 JavaScript 方法，弹出一个 "Hello, world!" 的提示框。 注意：在调用 JavaScript 方法时，必须使用 "javascript:" 前缀。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值