首页 / ANDROID / Android 控件WebView显示网页

Android 控件WebView显示网页

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Android 控件WebView显示网页，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5682字，纯文字阅读大概需要9分钟。

内容图文

WebView可以使得网页轻松的内嵌到app里，还可以直接跟js相互调用。

webview有两个方法：setWebChromeClient 和 setWebClient

1)setWebClient：主要处理解析，渲染网页等浏览器做的事情

　　WebViewClient就是帮助WebView处理各种通知、请求事件的。

2)setWebChromeClient：辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等

1 在Activity_main.xml

添加一个WebView组件

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

2 在AndroidManifest.xml设置访问网络权限

<uses-permission android:name="android.permission.INTERNET" />

3 在MainActivity中设置可以与JS可交互性

            package com.example.helloworld;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;


            public
            class
             MainActivity extends Activity {
    
            private
             WebView webView;
    
    @Override
    
            protected
            void
             onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        webView = (WebView) findViewById(R.id.webView);
        
        WebSettings webSetting = webView.getSettings();
        webSetting.setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient());
         
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        returntrue;
    }
    
}

3.1）加载外部资源：

            package com.example.helloworld;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;


            public
            class
             MainActivity extends Activity {
    
            private
             WebView webView;
    
    @Override
    
            protected
            void
             onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        webView = (WebView) findViewById(R.id.webView);
        
        WebSettings webSetting = webView.getSettings();
        webSetting.setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient());
        
       webView.loadUrl("http://baidu.com");
  }

    @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);
        returntrue;
    }
    
}

3.2)加载本地资源

　　把oldForm.html页面放在assets目录下

            package com.example.helloworld;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;


            public
            class
             MainActivity extends Activity {
    
            private
             WebView webView;
    
    @Override
    
            protected
            void
             onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        webView = (WebView) findViewById(R.id.webView);
        
        WebSettings webSetting = webView.getSettings();
        webSetting.setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient());
        
               webView.loadUrl("file:///android_asset/oldForm.html");
    }

    @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);
        returntrue;
    }    
}

oldForm.html

<!DOCTYPE html>
<html>
  <head>
    <title>oldForm.html</title>
<meta charset="utf-8" />

    <script type="text/javascript" languate="javascript">

      function showRangeValue1(){
            var inputRanage= document.getElementById("inputRanage").value;
            document.getElementById("showRange").innerHTML= inputRanage;
      }
    
      function SayHello(){
         alert("Hello guangzhou.");
      }
      
      function testJS(){
         document.getElementById("testDiv").innerHTML="Hello guangzhou! It is "+new Date();
      }
      
      function formReset()
{
document.getElementById("register").reset();
document.getElementById("inputName").value ="";
}
    </script>    
  </head>
  <body>
<form action="/Html5Studio/action/GetHtml5Form" method="post" id="register" >
</form>

   username: <input type="text" id="inputName" name="inputName" form="register" value=""/> <br/>
   year: <select name="inputYear" form="register"  >
                <option value="2013">2013</option>
                <option value="2014">2014</option>
         </select> <br/>
   description: <textarea name="inputDescription" form="register" value="" ></textarea>  <br/>
 <hr/>
  Email: <input type="email" name="inputEmail" form="register" value="" required placeholder="请输入合法的Email."/> <br/>
  Url: <input type="url" name="inputUrl" form="register" value=""  /><br/>
 Date: <input type="date" name="inputDate" form="register"><br/>
 Time: <input type="time" name="inputTime" form="register"><br/>
 Month: <input type="month" name="inputMonth" form="register"><br/>
 Week: <input type="week" name="inputWeek" form="register"><br/>
 Number: <input type="number" min="1" max="10" step="2" value="1" id="inputNumber" name="inputNumber"/><br/>
 Range: <input type="range" min="1" max="10" step="2" value="1" id="inputRanage" name="inputRanage" onClick="showRangeValue1()" />
        <div id="showRange"></div> <br/>
 Search: <input type="search" value="" name="inputSearch" results="n"/> <br/>       
 Color: <input type="color" name="inputColor"/>    <br/>   
 Tel: <input type="tel" name="inputTel" value="" />    <br/> 
  
   <input type="submit" value="Submit"  form="register" />
   <input type="reset" onclick="formReset()"  value="Reset" form="register"/>
 <input type="button" onclick="formReset()" value="Reset form">    
   <input type="button" value="SayHello" onclick="SayHello()">
   <input type="button" value="testJS" onclick="testJS()">
    <div id="testDiv"></div>   
  </body>
</html>

原文：http://www.cnblogs.com/wangshuo1/p/5837587.html

内容总结

以上是互联网集市为您收集整理的Android 控件WebView显示网页全部内容，希望文章能够帮你解决Android 控件WebView显示网页所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1105330.html

来源：【匿名】

【上一篇】Android studio .a静态库的生成与调用【下一篇】如何解决android php 中文乱码问题

更多 ►

【Android 控件WebView显示网页】教程文章相关的互联网学习教程文章

WebView之js调用Android类的方法传递数据

1，具体的思路如下：　　在android中写一个Activity，里面写一个webview，这个webview加载本地的一个html文件，显示这个网页，这个网页包括一个用户名和密码的输入框和两个按钮（只有登陆按钮有用），输入用户名密码之后调用android中的类，并把输入的数据传过去，再在android中输出出来（具体你那数据做什么操作就看你的需求了），这样就做大额js与android数据交互的效果了：　　在android端，一些webviwe的设置和自定义类的写法如...

Android4.4之WebView

首次原创，勿喷... 至android4.4 发布以来，各个手机厂家也相继跟上潮流，推出了时尚的android4.4手机系统，如魅族、小米三星。每次新的android新的sdk入市，总能让我们这些个苦逼程序员头疼好一阵，无奈，既然选择了远方就只顾风雨兼程。首先给大家讲讲android4.4 新特性在满足用户体验、需求、隐私保护的同时，给开发者带来的问题。在android4.4之前，我们频繁的使用sdk为我们提供的WebView做一些数据展示和表单...

Android WebView开发问题及优化汇总【代码】

转自：http://www.pedant.cn/2014/09/10/webview-optimize-points/我们在native与网页相结合开发的过程中，难免会遇到关于WebView一些共通的问题。就我目前开发过程中遇到的问题以及最后得到的优化方案都将在这里列举出来。有些是老生常谈，有些则是个人摸索得出解决方法。下面就是整理得到的些干货。1.加快HTML网页装载完成的速度默认情况html代码下载到WebView后，webkit开始解析网页各个节点，发现有外部样式文件或者外部脚本文...

屏蔽电信流氓广告造成的诡异的问题--Android WebView 长时间不能载入页面【图】

发如今家里的时候用Android App里的WebView打开站点非常慢，会有十几秒甚至更长时间的卡住。可是在电脑上打开相同的网页却非常快。查找这个问题的过程比較曲折，记录下来。抓取Android网络数据为了调试这个问题，首先要抓取Android的网络包数据。開始时，是想用Wireshark来抓包的，可是非常麻烦，tcpdump在手机要root权限。于是转换思路，能不能在Android上设置代理，来抓包？可是fiddler没有linux版本号，于是转用BurpSuite了。设...

Android 高级UI设计笔记24：Android 夜间模式之 WebView 实现白天 / 夜间阅读模式（使用JavaScript）【代码】【图】

1. 问题引入：前面我们是使用方法降低屏幕亮度（不常用）和替换theme，两者都是针对Activity的背景进行白天、夜间模式的交换，但是如果我们显示的是Html的内容，这个时候改怎么办？分析：首先加载Html页面肯定是要用到WebView的，通过loadUrl的方法可以把html页面显示到webView，我们知道Android可以与JavaScript进行交互，就是说可以在JavaScript中调用Android的代码，也可以在Android中调用JavaScript代码。所以就有了一个思路...

android WebView 简单使用Demo【代码】【图】

activity配置文件：activity_main.xml<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <EditText and...

Android-报错总结之一：WebView加载本地JS【图】

今天帮朋友做了一个apk，内容全是用html5做的，然后把整个文件夹（包括js、cs、image等等）全部一股脑的塞到assets目录下，然后在代码里通过webview调用loadUrl(“file:///android_asset/xxx.html”)，js支持也都加上了， settings.setJavaScriptEnabled(true);，本来满打满算的运行起来一点问题没有，结果报了个比较蛋疼的错，报错的内容是Cannot read property ‘giftDoctorUserInfo’ of null，直接看效果图吧：效果图2 ...

android WebView（一）基本使用【图】

WebView是Android用来加载网页的组件，如果要使用此组件加载网上页面，则需要添加网络权限： <uses-permission android:name="android.permission.INTERNET"/>WebView和其他组件一样可以在xml中布局：<WebViewandroid:id="@+id/webView"android:layout_width="fill_parent"android:layout_height="fill_parent" />也可以在代码中new出来：WebView webView=new WebView(this);加载URL的代码如下：webView.loadUrl("https://www.ba...

在Chrome调试WebView内页面（Android环境）【代码】

今天前端来问是否能在电脑上调试和查看在App的WebView中打开的页面。之前没注意这个事，大致搜索了一下，还是很简单的。基本步骤如下：1.首先，要在WebView页面打开可以debug的设置。（不过只支持KITKAT以上版本）if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {mWeb.setWebContentsDebuggingEnabled(true);} 2.手机打开usb调试，插上电脑。3.在Chrome地址栏输入：Chrome://inspect。你会看到如下界面。正常的话在App中...

解决Android使用WebView时无法输入数字和字母的问题【代码】

首先请检查你的WebView是否监听了onKey或者onKeyDown事件 protected class KeyLinstener implements OnKeyListener{@Overridepublic boolean onKey(View v, int keyCode, KeyEvent event) {if ((keyCode == KeyEvent.KEYCODE_BACK)) {if( webview.canGoBack()) {webview.goBack(); }return true; } return false;}}如果有监听，请确认返回的值。必须为false原文：http://www.cnblogs.com/duoyewu/p/4379672.html

实现android里面WebView显示内容

在日常的学习中，我们会看到手机注册的时候都要勾选协议，点击协议的时候可以查看到协议里面的所有内容！下面给大家看看实现的过程：首先贴show_xy.XML代码： <WebView android:layout_width="match_parent"android:layout_height="match_parent"android:scrollbars="none"android:id="@+id/show_xy"/> 再贴一下MainActivity代码：package com.example.marqueetest;import android.app.Activity; import android.os.Bu...

Android：控件WebView显示网页【代码】【图】

WebView可以使得网页轻松的内嵌到app里，还可以直接跟js相互调用。webview有两个方法：setWebChromeClient 和 setWebClientsetWebClient：主要处理解析，渲染网页等浏览器做的事情setWebChromeClient：辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等 WebViewClient就是帮助WebView处理各种通知、请求事件的。在AndroidManifest.xml设置访问网络权限：<uses-permission android:name="android.permission.IN...

Android WebView的使用方法总结

本文主要讲解WebView的一些常用使用方法代码如下：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/webView1" android:layout_width="match_parent" android:l...

Android WebView 开发具体解释(二)

转载请注明出处 http://blog.csdn.net/typename/article/details/39495409 powered by miechal zhao 概览： Android WebView 做为承载网页的载体控件，他在网页显示的过程中会产生一些事件，并回调给我们的应用程序，以便我们在网页载入过程中做应用程序想处理的事情。比方说client须要显示网页载入的进度、网页载入错误发生等等事件。 WebView提供两个事件回调类给应用层，分别为WebViewClient,WebChromeClient开发人员能够继...

android WebView总结

浏览器控件是每一个开发环境都具备的，这为马甲神功提供了用武之地，windows的有webbrowser，android和ios都有webview。仅仅是其引擎不同，相对于微软的webbrowser，android及ios的webview的引擎都是webkit，对Html5提供支持。本篇主要介绍android的webview之强大。A. webview组件怎样使用 1) 加入权限：AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Webpage not available错误。2) 在...

WEBVIEW - 相关标签

webview webviewjavascriptbridge

ANDROID - 最热教程

Android的APP怎样制作LOGO的尺寸 Android开发处理内存申请失败的报错(F...App携带参数安装Android和iOS全面解析 angular2打包AndroidAPP环境搭建的方法 Android进阶--属性动画PropertyAnimati...Android客户端与PHP服务端通讯(四)-极光...Mac中Ionic+Cordova Android打包报错Co...android – 如何使用RxJava Observer而...Android List，Set，Map集合安全集合区...Android/Linux Thermal框架分析及其Gov...

首页 / ANDROID / Android 控件WebView显示网页

Android 控件WebView显示网页

内容导读

内容图文

内容总结

内容备注

内容手机端

【Android 控件WebView显示网页】教程文章相关的互联网学习教程文章

WEBVIEW - 相关标签

ANDROID - 最新教程

ANDROID - 最热教程