WebView使用基础

原创 2016年06月01日 16:22:48

WebView基本使用

  •  WebView是View的一个子类,可以让你在activity中显示网页
  • 可以在布局文件中写入WebView:比如下面这个写了一个填满整个屏幕的WebView:
<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>
  • 加载一个网页,使用loadUrl():
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl(http://www.example.com);

设置WebView要显示的网页

  • 设置WevView要显示的网页方法有很多:
  • 互联网页面直接用:
myWebView.loadUrl(“http://www.google.com“);
  • 本地文件用:
myWebView.loadUrl(“file:///android_asset/XX.html“); 
  • 本地文件存放在:assets文件中。

      还可以直接载入html的字符串,如:

String htmlString = "<h1>Title</h1><p>This is HTML text<br /><i>Formatted in italics</i><br />Anothor Line</p>";
// 载入这个html页面
myWebView.loadData(htmlString, "text/html", "utf-8");

在WebView中使用JavaScript

webView = (WebView) findViewById(R.id.wedview);
        WebSettings settings = webView.getSettings();
        //支持js
        settings.setJavaScriptEnabled(true);
        // 安卓为js提供接口
        webView.addJavascriptInterface(new Object(){
            @android.webkit.JavascriptInterface
            private void setinfo(String username,String uclass) {
                // TODO Auto-generated method stub
                Toast.makeText(MainActivity.this,"username:"+username+","+"uclass"+uclass, Toast.LENGTH_SHORT).show();

            }


        }, "javaCode");

webView.loadUrl("http://localhost:8080/jstest.html");

WebView 显示网页

<ProgressBar 
        android:id="@+id/ProgressBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleHorizontal"
        android:visibility="gone"

        />
    <WebView 
        android:id="@+id/wedView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"        
        />
  • java代码
progressBar = (ProgressBar) findViewById(R.id.ProgressBar);
        wedView = (WebView) findViewById(R.id.wedView);
        // 设置作为客户端存在,界面跳转只在自己应用程序中
        wedView.setWebViewClient(new WebViewClient());
        wedView.loadUrl("要显示的网址");
        wedView.setWebChromeClient(new WebChromeClient(){
            @Override
public void onProgressChanged(WebView view, int newProgress) {
                // TODO Auto-generated method stub
    super.onProgressChanged(view, newProgress);
                progressBar.setVisibility(View.VISIBLE);
                //设置进度
                progressBar.setProgress(newProgress);
                // 进度到头,消失
                if (newProgress==100) {
                    progressBar.setVisibility(View.GONE);

                }

            }
        });
        //初始化WebView
        initWedSetrings();
public void initWedSetrings(){

        //获取设置的对象
         WebSettings settings = wedView.getSettings();
         //设置wedview的缓存方式,设为默认方式
        // 默认如果有缓存,并且缓存未过期,使用缓存,否则使用网络
         settings.setCacheMode(WebSettings.LOAD_DEFAULT);
         //设置支持js代码
         settings.setJavaScriptEnabled(true);
         //设置缩放模式,缩放到最小
         settings.setDefaultZoom(ZoomDensity.FAR);
         //设置字体大小
         settings.setTextSize(TextSize.SMALLER);

    }
  • 注意添加权限
 <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />
    <uses-permission android:name="android.permission.INTERNET"/>
版权声明:本文为博主原创文章,未经博主允许不得转载。

Android基础入门教程——7.5.1 WebView(网页视图)基本用法

本节给大家带来的是Android中的一个用于显示网页的控件:WebView(网页视图),现在Android应用 层开发的方向有两种:客户端开发和HTML5移动端开发!所谓的HTML5端就是:HTML...
  • zpj779878443
  • zpj779878443
  • 2015年09月11日 14:47
  • 5163

WebView基本用法

本系列文章讨论WebView的各种用法以及使用技巧
  • AllenWells
  • AllenWells
  • 2016年07月29日 09:35
  • 15283

Android开发使用WebView实战技巧

前段时间做项目的时候,在项目中用了WebView组件,遇到了一些问题,所以特地找来了一些资料,学习怎么解决,现在将学习的内容整理成一篇博客记录在这里,方便以后再次遇到时可以快速查看并且解决问题。我们知...
  • lee_tianya
  • lee_tianya
  • 2015年04月02日 09:58
  • 3698

安卓:WebView简单使用

如图: 注意:加网络访问权限 逻辑代码文件: package com.example.day19_webview; import android.app.Activity;...
  • my_worldlet
  • my_worldlet
  • 2015年09月23日 20:06
  • 735

Android基础——WebView使用(一)

WebView使用
  • u013501637
  • u013501637
  • 2016年03月10日 21:21
  • 432

WebView的使用基础

一、加载在线URL网页内容 AndroidAPI提供的方法: WebView.loadUrl(URL); 具体使用: String URL = "http://www.ifeng.c...
  • haoyuegongzi
  • haoyuegongzi
  • 2018年01月09日 22:01
  • 61

WebView使用基础

WebView使用详解 1、 打开网页时不掉用系统浏览器,而是在本WebView中显示 2、 通过java调用javascript (1)android如何调用js: ...
  • jiahuan0207
  • jiahuan0207
  • 2016年07月09日 10:50
  • 173

Android:你所忽略 WebView 带来的那些安全漏洞(总结)

WebView是一个基于webkit引擎、展现web页面的控件。它功能强大,除了具有一般View的属性和设置外,还可以对url请求、页面加载、渲染、页面交互进行强大的处理。但是在使用的同时也埋下了一些...
  • ITermeng
  • ITermeng
  • 2017年05月08日 08:29
  • 809

WebView使用总结

WebView使用总结 闲话(可直接无视     好久都没有上博客写点东西,总结下最近的学习情况了,又是课程设计又是项目的,都快被弄成XX了。最近又接了个锅,做一个能社交的游记应用,游记的内容...
  • l_215851356
  • l_215851356
  • 2016年03月08日 15:30
  • 1175

【WebView】Android WebView专栏——基本使用及常见问题

WebView常用方法及常见问题总结
  • wenbitianxiafeng
  • wenbitianxiafeng
  • 2015年09月24日 14:35
  • 2159
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebView使用基础
举报原因:
原因补充:

(最多只允许输入30个字)