android java与webview中js交互

本文介绍了一个WebView与Android应用交互的具体案例,展示了如何通过点击WebView内的按钮触发Android Activity的跳转,并传递参数。

问题描述:在点击webview上按钮时,响应activity中定义的事件

需求:点击webview上的按钮,传url到过来,Android跳转到另外的activity页面

一、xml代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
>

    <WebView     
        android:id="@+id/webview"   
        android:layout_width="fill_parent"   
        android:layout_height="fill_parent"   
        />  

</LinearLayout>

二、activity代码

package com.example.webviewtest;

import android.os.Bundle;
import android.os.Handler;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.util.Log;
import android.view.Menu;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
	
	private WebView webview;

    @SuppressLint({ "JavascriptInterface", "SetJavaScriptEnabled" }) @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webview = (WebView) findViewById(R.id.webview);
        
        WebSettings webSettings = webview.getSettings();  
        //设置WebView属性,能够执行Javascript脚本    
        webSettings.setJavaScriptEnabled(true);    
        //设置可以访问文件  
        webSettings.setAllowFileAccess(true);  
         //设置支持缩放  
        webSettings.setBuiltInZoomControls(true);  
        
        //传java对象到js中
        webview.addJavascriptInterface(new OpenMediaPlayer(), "AndroidMediaPlayer"); 
        webview.loadUrl("http://192.168.40.65:8080/platformWebview.html");    
        webview.setWebViewClient(new webViewClient());  
    }

    
    //Web视图    
    private class webViewClient extends WebViewClient {    
        public boolean shouldOverrideUrlLoading(WebView view, String url) {    
            view.loadUrl(url);      
            return true;    
        }  
        
        @Override
        public void onReceivedError(WebView view, int errorCode,
        		String description, String failingUrl) {
        	// TODO Auto-generated method stub
        	super.onReceivedError(view, errorCode, description, failingUrl);
        }
        
        
    }  
    
    class OpenMediaPlayer {   
        String date;
        String json_date;
        Handler handler = new Handler();
        @JavascriptInterface  <span style="color:#ff0000;">//必须有这个注解否则无法调用改函数</span>
        public void playVideoWithUrl(final String test) {
            handler.post(new Runnable() {

				@Override
                public void run() {
		        	Intent intent = new Intent();
		        	intent.setClass(MainActivity.this, testActivity.class);
		        	intent.putExtra("filepath", test);
		        	startActivity(intent);
                }
            });
        };
    }
    
}

三、html

<html>
<head>
<title>bbbbbbb</title> 
</head>
<body>
    <form>
        <input type="button" id="datetext"
            onclick="window.AndroidMediaPlayer.playVideoWithUrl('http://www.baidu.com');" value="" />
    </form>
</body>
</html>


**项目名称:** 基于Vue.jsSpring Cloud架构的博客系统设计开发——微服务分布式应用实践 **项目概述:** 本项目为计算机科学技术专业本科毕业设计成果,旨在设计并实现一个采用前后端分离架构的现代化博客平台。系统前端基于Vue.js框架构建,提供响应式用户界面;后端采用Spring Cloud微服务架构,通过服务拆分、注册发现、配置中心及网关路由等技术,构建高可用、易扩展的分布式应用体系。项目重点探讨微服务模式下的系统设计、服务治理、数据一致性及部署运维等关键问题,体现了分布式系统在Web应用中的实践价值。 **技术架构:** 1. **前端技术栈:** Vue.js 2.x、Vue Router、Vuex、Element UI、Axios 2. **后端技术栈:** Spring Boot 2.x、Spring Cloud (Eureka/Nacos、Feign/OpenFeign、Ribbon、Hystrix、Zuul/Gateway、Config) 3. **数据存储:** MySQL 8.0(主数据存储)、Redis(缓存会话管理) 4. **服务通信:** RESTful API、消息队列(可选RabbitMQ/Kafka) 5. **部署运维:** Docker容器化、Jenkins持续集成、Nginx负载均衡 **核心功能模块:** - 用户管理:注册登录、权限控制、个人中心 - 文章管理:富文本编辑、分类标签、发布审核、评论互动 - 内容展示:首页推荐、分类检索、全文搜索、热门排行 - 系统管理:后台仪表盘、用户内容监控、日志审计 - 微服务治理:服务健康检测、动态配置更新、熔断降级策略 **设计特点:** 1. **架构解耦:** 前后端完全分离,通过API网关统一接入,支持独立开发部署。 2. **服务拆分:** 按业务域划分为用户服务、文章服务、评论服务、文件服务等独立微服务。 3. **高可用设计:** 采用服务注册发现机制,配合负载均衡熔断器,提升系统容错能力。 4. **可扩展性:** 模块化设计支持横向扩展,配置中心实现运行时动态调整。 **项目成果:** 完成了一个具备完整博客功能、具备微服务典型特征的分布式系统原型,通过容器化部署验证了多服务协同运行的可行性,为云原生应用开发提供了实践参考。 资源来源于网络分享,仅用于学习交流使用,请勿用于商业,如有侵权请联系我删除!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值