android开发实现的webview实例资源-CSDN文库

共22个文件

class：7个

png：3个

xml：3个

4星 · 超过85%的资源需积分: 3 107 浏览量 2012-07-05 20:05:16 上传评论收藏 40KB RAR 举报

在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页浏览功能，能够加载和显示HTML、CSS和JavaScript等内容。这个实例主要讲解如何在Android应用中使用WebView来实现远程调用HTML或JSP页面，并且探讨如何通过WebView与远程数据库进行通信。我们来了解WebView的基本使用。在Android布局XML文件中，你需要添加一个WebView组件，例如： ```xml <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 在对应的Activity中，你需要初始化并设置WebView的行为： ```java WebView webView = findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); // 启用JavaScript webView.loadUrl("http://example.com"); // 加载远程URL ``` 关于远程调用HTML或JSP页面，你可以通过`loadUrl()`方法直接加载指定的网络地址。例如，如果你有一个名为“index.html”的网页，你可以这样加载： ```java webView.loadUrl("file:///android_asset/index.html"); ``` 这里的“android_asset”是Android应用的资产目录，你可以将HTML文件放在这个目录下，然后通过相对路径访问。对于与远程数据库的通信，通常我们不直接通过WebView进行，而是通过服务器端的接口，即API来实现。例如，你可以创建一个RESTful API，利用JavaScript执行AJAX请求（如XMLHttpRequest或fetch API）来与服务器交互。在JavaScript中，你可以这样做： ```javascript fetch('http://yourserver.com/api/data') .then(response => response.json()) .then(data => { // 处理返回的数据 }) .catch(error => { // 处理错误 }); ``` Android的WebView也提供了`addJavascriptInterface()`方法，可以创建一个Java对象并暴露给JavaScript，使得JavaScript可以直接调用Android的Java方法。例如： ```java webView.addJavascriptInterface(new JavaScriptInterface(this), "android"); ``` 这里，`JavaScriptInterface`是你自定义的类，需要实现`@JavascriptInterface`注解的方法，这些方法可以在JavaScript中调用。同时，为了确保安全，应该避免在JavaScriptInterface中暴露敏感方法，因为这可能导致跨站脚本攻击（XSS）。 Android的WebView实例是一个强大的工具，它不仅用于展示网页，还可以作为客户端与服务器交互的桥梁。在实际开发中，我们需要充分理解其工作原理，合理利用其特性，同时关注安全问题，以实现高效、安全的应用程序。

资源推荐

资源详情

资源评论

收起资源包目录

webview.rar （22个子文件）

webview

AndroidManifest.xml 678B

res

layout

main.xml 500B

drawable-ldpi

icon.png 2KB

drawable-mdpi

icon.png 3KB

drawable-hdpi

icon.png 4KB

values

strings.xml 173B

proguard.cfg 1KB

src

math

view

WebviewActivity.java 2KB

bin

classes.dex 4KB

resources.ap_ 11KB

math

view

WebviewActivity.class 3KB

R.class 468B

R$layout.class 367B

R$attr.class 313B

R$id.class 355B

R$string.class 400B

R$drawable.class 373B

webview.apk 14KB

.classpath 280B

assets

default.properties 362B

.project 843B

gen

math

view

R.java 724B

package math.view; import java.net.URLEncoder; import android.app.Activity; import android.os.Bundle; import android.webkit.WebView; public class WebviewActivity extends Activity { /** Called when the activity is first created. */ WebView view; final String mimeType="text/html"; final String encoding="UTF-8"; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); view = (WebView) findViewById(R.id.view); view.getSettings().setJavaScriptEnabled(true); webHtml(); webImage(); localHtmlZh(); localHtmlBlankSpace(); localHtml(); localImage(); localHtmlImage(); } private void localHtmlImage() { try{ String data = "测试本地图片和文字混合显示，这是APK里的图片"; view.loadDataWithBaseURL("about:blank", data, mimeType, encoding, ""); }catch(Exception e){ e.printStackTrace(); } } private void localImage() { try{ view.loadUrl("file://android_asset/icon.png"); }catch(Exception e){ e.printStackTrace(); } } private void localHtml() { try{ view.loadUrl("file://android_asset/test.html"); }catch(Exception e){ e.printStackTrace(); } } private void localHtmlBlankSpace() { try{ String data = " 测试含有空格的数据"; view.loadData(URLEncoder.encode(data,encoding).replaceAll("\n"," "), mimeType, encoding); }catch(Exception e){ } } private void localHtmlZh() { try{ String data = "测试含有中文的Html数据"; view.loadData(URLEncoder.encode(data, encoding), mimeType,encoding); }catch(Exception e){ e.printStackTrace(); } } private void webImage() { try{ view.loadUrl("http://www.gstatic.com/codesite/ph/images/code_small.png"); }catch(Exception e){ e.printStackTrace(); } } private void webHtml() { try{ view.loadUrl("http://www.163.com"); }catch(Exception e){ e.printStackTrace(); } } }

评论收藏

内容反馈