`
ch_kexin
  • 浏览: 897573 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

webView简单使用:网页中有电话,在客户端点击打电话

 
阅读更多

一: layout 中的布局文件 activity_main.xml

<RelativeLayout 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"
    tools:context=".MainActivity" >

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

</RelativeLayout>

 二:在MainActivity 的代码

import android.net.Uri;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.util.Log;
import android.view.Menu;
import android.webkit.WebView;
import android.webkit.WebViewClient;


public class MainActivity extends Activity {
//webView相当于浏览器  声明webView
    WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化webview 控件
        webView=(WebView) findViewById(R.id.webView);
        //需要显示在移动客户端的网页地址 URL
        webView.loadUrl("http://172.00.00.212:8080/manager/myhtml/mall.html");
        //不加,单击超连接,启动系统的浏览器,加了之后在我们自己的APP中显示网页。
        webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading
            (WebView view, String url) {
                Log.i("用户单击超连接", url);
                //判断用户单击的是那个超连接
               String tag = "tel:";
              if (url.contains(tag)) {
                   String mobile = url.substring(url.lastIndexOf("/") + 1);
                    Intent mIntent = new Intent(Intent.ACTION_CALL);
                    Uri data = Uri.parse(mobile);
                    mIntent.setData(data);
	    //Android6.0以后的动态获取打电话权限
            if (ActivityCompat.checkSelfPermission(MainActivity.this, 
                android.Manifest.permission.CALL_PHONE) == PackageManager.PERMISSION_GRANTED) {
startActivity(mIntent);//这个超连接,java已经处理了,webview不要处理
                return true;
            }else{
		//申请权限
                ActivityCompat.requestPermissions(MainActivity.this, new String[]{Manifest.permission.CALL_PHONE},1);
                return true;
            }
        }
        return true;
    }

                return super.shouldOverrideUrlLoading(view, url);
            }
        });
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

 

 三:提前做好的要显示的网页

 

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <table bgcolor="greenyellow" border="0" width="100%" height="100">
            <tr>
                <td colspan="3" align="center">
                    <h1>商城</h1></td>
            </tr>
            <tr>
                <td>首页</td>
                <td>商品</td>
                <td><a href="index.html">订单</a> </td>
            </tr>
        </table>

        <table bgcolor="gray" width="100%">
            <tr>
                <td bgcolor="aqua" width="100">
                    <table>
                        <tr>
                            <td>分类1</td>
                        </tr>
                        <tr>
                            <td>分类2</td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table>
                        <tr>
                            <td><img src="img/11.jpg" width="200"></td>
                        </tr>
                        <tr>
                            <td><img src="img/12.jpg" width="200"></td>
                        </tr>
                    </table>

                </td>
            </tr>
        </table>

        <table bgcolor="greenyellow" width="100%" height="60">
            <tr><a href="tada:tel/13698888">联系电话:一小时送货上门</a>
            <a href="tarena:writedb/1#java&2#anaroid">保存</a>
            </tr>
        </table>
    </body>

</html>

 

 

分享到:
评论

相关推荐

    微信webview唤起外部客户端接入说明2018版

    1、 在 6.5.16 及以上版本的微信客户端中,贵方网页将只能使用 launchApplication 接口,打 开其他应用。该接口会在唤起前要求用户接受弹窗确认。 2、 在 6.5.16 以下版本的微信客户端中,贵方网页可以继续使用现有...

    webView实现加载显示网页

    在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序中内嵌网页内容,使得用户无需离开应用就能浏览网页。本教程将引导你快速掌握如何使用WebView加载并显示网页,整个过程只需短短三分钟。 首先...

    Android WebView中客户端与JavaScript的基本交互

    本文将详细讲解如何在Android的WebView中实现客户端(Java代码)与JavaScript的基本交互,使得两者能够相互调用方法,共享数据。 首先,我们需要在AndroidManifest.xml中为应用添加Internet权限,这是加载网络内容...

    Android webview加载网页.zip

    这个“Android webview加载网页.zip”文件可能包含了一个示例项目或者教程,帮助开发者理解如何在Android应用中有效地使用WebView。 WebView的使用涉及到以下几个关键知识点: 1. **WebView组件引入**:在...

    Android WebView HTML界面开发 实现拨打电话

    在Android应用开发中,WebView是一个非常重要的组件,它允许开发者在应用程序内嵌入网页内容,实现与HTML、CSS和JavaScript的交互。这篇博客主要讲解如何使用Android WebView来加载HTML界面,并实现点击HTML中的链接...

    android 使用webview控件,注意在android9.0以后必须使用https才能访问网页

    在Android应用开发中,WebView控件是一个非常重要的组件,它允许开发者在应用程序内嵌入一个浏览器,以便用户能够浏览网页内容。然而,随着网络安全性的不断提升,Android系统对WebView的使用也有了更严格的要求。在...

    android Webview读取网页里的所有图片,并实现点击放大

    在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序中加载和显示网页内容。当涉及到用户界面交互,特别是展示包含图片的网页时,我们可能需要实现一些额外的功能,比如点击图片放大查看。本篇文章...

    WPF与WebView2双向通信 WPF发送数据到WebView2显示的网页当中 WPF制作的浏览器与网页双向通信 WPF与网页

    安全性和隔离性: 通过WebView2,网页内容在单独的进程中运行,提供了额外的安全层和资源隔离。 性能优化: 相比于传统的嵌入式浏览器控件,WebView2基于现代的Chromium内核,提供了更好的性能和兼容性。 扩展性:...

    WebView简单使用Demo

    WebView简单使用Demo通常会展示如何在Android应用中加载和展示一个网页,以及一些基本的交互功能。接下来,我们将深入探讨WebView的相关知识点。 1. **WebView的基本使用** - 首先,在布局文件(如`activity_main....

    使用webview 封使用了webrtc 打开摄像头 的页面demo

    通过以上步骤,你可以在Android应用中使用Webview加载一个通过WebRTC调用摄像头的网页。这个过程涉及到了Android的Webview配置、权限管理和WebRTC的JavaScript API。在实际项目中,可能还需要考虑错误处理、性能优化...

    android 使用WebView浏览网页

    这篇博文“android 使用WebView浏览网页”可能是关于如何在Android应用中集成和使用WebView来展示网页内容的教程。下面将详细介绍WebView的相关知识点。 1. **WebView基本使用** - `WebView`是Android SDK中的一个...

    android中简单webview例子

    这个简单的例子展示了如何在Android应用中使用WebView展示网页内容,以及如何进行一些基本的设置,如启用JavaScript和隐藏地址栏。在实际开发中,你还可以根据需求实现更多功能,比如处理JavaScript与原生Android...

    简单WebView的使用-浏览器功能

    在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序内部加载和显示网页内容,无需跳转到外部浏览器。这个“简单WebView的使用-浏览器功能”主题将深入讲解如何利用WebView构建一个基本的内置...

    Webview简单使用Demo

    Webview是Android系统中一个非常重要的组件,它允许开发者在应用程序内部嵌入一个网页浏览器,使得用户可以在不离开应用的情况下浏览网页内容。本教程将详细讲解Webview的使用方法,并通过一个简单的Demo来帮助理解...

    Android应用内嵌网页WebView

    本文将深入探讨如何在Android应用中使用WebView,以及相关的知识点。 首先,我们需要在AndroidManifest.xml文件中为WebView添加Internet权限,这是加载网络页面所必需的: ```xml &lt;uses-permission android:name=...

    [转帖]通过WebView获取访问网页的源代码

    总结,本主题涉及了WebView在Android中的使用,如何获取网页源代码,以及Android项目中的一些重要配置文件的作用。对于开发者来说,理解和掌握这些知识点是构建功能丰富的Android应用所必需的。

    Android中WebView返回到上一个网页

    通过这个简单的示例,我们可以了解到在Android中使用WebView加载网页以及处理返回键来实现回退到上一个网页的基本操作。不过,实际开发中可能还需要考虑其他因素,如网页加载进度的显示、设置自定义加载错误页面、...

    webView谷歌离线调试包

    调试基于WebView的App最舒服的工具Chrome自带的开发者工具,其中有我们熟悉的Dom树调试,JS调试,Network监视等等功能。 Google提供的调试Android上WebView的步骤: 1.开启手机上的USB调试功能并且连接计算机手机端...

    android webview 拨打电话

    在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序中内嵌网页内容。当我们需要在WebView中实现拨打电话的功能时,需要理解Android权限管理、WebView加载本地HTML以及JavaScript与Android原生代码...

    android webview js交互, 响应webview中的图片点击事件

    此外,为了保证用户安全,应该注意在使用`addJavascriptInterface`时启用`@JavascriptInterface`注解,并在Android 4.2及以上版本中使用`WebSettings.setAllowUniversalAccessFromFileURLs(false)`来限制JavaScript...

Global site tag (gtag.js) - Google Analytics