Android中WebView载入本地HTML代码并实现交互

最新推荐文章于 2024-06-15 11:15:55 发布
最新推荐文章于 2024-06-15 11:15:55 发布
阅读量636 收藏
点赞数
分类专栏： android java

http://mobile.51cto.com/abased-401850.htm

 

  1. package com.aloong.map; 
  2.  
  3. import android.app.Activity; 
  4. import android.os.Bundle; 
  5. import android.os.Handler; 
  6. import android.webkit.WebSettings; 
  7. import android.webkit.WebView; 
  8.  
  9.  9public class MyMap extends Activity { 
  10.     
  11.    private static String TAG = MyMap.class.getName(); 
  12.    private WebView mWebView; 
  13.    private Handler mHandler; 
  14.    private WebSettings mWebSettings; 
  15.  
  16.     /** *//** Called when the activity is first created. */ 
  17.     @Override 
  18.     public void onCreate(Bundle savedInstanceState) { 
  19.         super.onCreate(savedInstanceState); 
  20.         setContentView(R.layout.main); 
  21.  
  22.         mWebView = (WebView) this.findViewById(R.id.webview); 
  23.         mHandler = new Handler(); 
  24.  
  25.         // 设置支持JavaScript等 
  26.         mWebSettings = mWebView.getSettings(); 
  27.         mWebSettings.setJavaScriptEnabled(true); 
  28.         mWebSettings.setBuiltInZoomControls(true); 
  29.         mWebSettings.setLightTouchEnabled(true); 
  30.         mWebSettings.setSupportZoom(true); 
  31.         mWebView.setHapticFeedbackEnabled(false); 
  32.         // mWebView.setInitialScale(0); // 改变这个值可以设定初始大小 
  33.  
  34.         //重要,用于与页面交互! 
  35.         mWebView.addJavascriptInterface(new Object() { 
  36.             @SuppressWarnings("unused") 
  37.             public void oneClick(final String locX, final String locY) {//此处的参数可传入作为js参数 
  38.                 mHandler.post(new Runnable() { 
  39.                     public void run() { 
  40.                         mWebView.loadUrl("javascript:shows(" + locX + "," + locY + ")"); 
  41.                     } 
  42.                 }); 
  43.             } 
  44.         }, "demo");//此名称在页面中被调用,方法如下: 
  45.         //<body onClick="window.demo.clickOnAndroid(event.pageX,event.pageY)"> 
  46.  
  47.         final String mimeType = "text/html"; 
  48.         final String encoding = "utf-8"; 
  49.         final String html = "";// TODO 从本地读取HTML文件 
  50.  
  51.         mWebView.loadDataWithBaseURL("file:///sdcard/", html, mimeType, 
  52.                 encoding, ""); 
  53.  
  54.     } 
  55. }

 

运行以上代码,就可以在程序中打开自己写的html页面.并且实现Java与JavaScript的双向交互.
我们甚至可以在页面中使用JQuery之类的框架制作出很好看的效果,而这比写Android代码我觉得简单多了.

 

 

zy_783095565
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android webView加载html 并引用本地资源（图片、字体库）
03-14
android webView加载html 并引用本地资源（图片、字体库）
Android的webview加载本地html、本apk内html和远程URL (简单明了我喜欢)
笨小孩的成长
08-22 1053
本文出处：http://blog.csdn.net/windone0109/article/details/5380941 首先在layout文件夹下的xml中 加入WebView控件   view plain WebVie
Android WebView加载本地html并实现Java与JS交互
weixin_33782386的博客
09-22 162
最近做的一个项目中，用到自定义地图，将自定义地图转换成html页面，现在需要做的是如何将本地的html加载到android中，并可以实现交互。 相关讲解： 其实webview加载资源的速度并不慢,但是如果资源多了,当然就很慢。图片、css 、js 、html这些资源每个大概需要10-200ms ,一般都是30ms就ok了。不过webview是必须等到全部资源都完成加载,才会进行渲染的,所以加载...
Android 使用webView加载html页面
qq_19688207的博客
04-19 1774
AndroidManifest.xml配置权限。Application.java设置初始化。放置在libs文件夹，引用。
Android webview加载本地html详细教程
热门推荐
nuanpang的博客
07-02 1万+
Android webview加载本地html详细教程
Android webview如何加载HTML,CSS等语言的示例
08-28
Android WebView 是 Android 中一个强大的控件，可以加载 HTML、CSS、JavaScript 等语言，实现网页的渲染和交互。在 Android 开发中，经常会遇到需要从后台获取 HTML、CSS、JavaScript 代码，然后加载到 WebView 中...
webview加载本地的html文件
12-24
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页内容，实现与网页的交互。本文将详细讲解如何使用WebView加载本地的HTML文件，并涉及相关的知识点。 首先，我们要了解WebView的基本...
Android_WebView、Webkit内核深入讲解
05-26
* JWebCoreJavaBridge.java：用 Java 与 WebCore 库中 Timer 和 Cookies 对象交互的桥接代码。 * LoadListener.java：载入器侦听器，用于处理载入器侦听消息。 * Network.java：该对象封装网络连接逻辑，为调用者...
asset目录下html,Android JS交互,实现html文字放大缩小功能
05-22
最近在做新闻内容页面，实现页面字体的控制。我采用的办法是，在Android asset载入html资源，webview调用该html,实现android中的button,调用html中的JS方法，实现控制字体的大小。
android使用webwiew载入页面使用示例(Hybrid App开发)
01-20
此外，还可以实现JavaScript与Java代码的交互，通过`WebView.addJavascriptInterface()`方法暴露Java对象给JavaScript调用，进一步增强Hybrid App的功能。 总的来说，Android的WebView组件为开发者提供了强大的能力...
使用WebView加载本地html操作本地数据
08-04
本程序使用webview控件，加载本地写的Html文件，操作本地数据。包含js调用java方法，以及java调用js方法，实现数据的传递。
详解Android WebView加载html片段
01-04
这里我先简单描述一下需求：服务器返回的是html页面的一部分带有标签的内容。 解决的思路是：将服务器返回的内容片段拼凑成一个完整的页面。 下面直接上核心代码： 这里是WebView一些配置 WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); settings.setDomStorageEnabled(true); settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); webView.s
android安卓-webview加载本地html
ruiruiddd的博客
11-20 330
记录一下搜索到的信息： 链接1: 跳转. 链接2: 跳转. 链接3: 跳转.
测试Android webview 加载本地html
一根火柴博客
10-20 2129
Android WebView 本地h5 请求远程数据
android中webview加载本地html并且相互交互
dawn的专栏
10-11 1217
protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.main); mWebView=(WebView)findViewById(R.id.mwebv
android-WebView加载本地html、本apk内html和远程URL
执迷的博客
09-25 4548
WebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，实现WebView有以下两种不同的方法： 第一种方法的步骤： 1.在要Activity中实例化WebView组件：WebView webView = new WebView(this); 2.调用WebView的loadUrl()方法，设置WevView要显示的网页： //打
Android WebView加载html
最新发布
mds0517的博客
06-15 216
加载本地html支持html里加载assert下的文件，支持java调用html里的js方法。activity_w1.xml创建。创建html文件和图片目录。book.html内容。1.加载网页html。2.加载本地html。创建assert目录。
Android WebView 加载HTML代码
SongYuLong
08-24 3406
<uses-permission android:name="android.permission.INTERNET" /><?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schem
Android WebView加载html片段
学习一定要有针对性的练习-实操！
08-24 647
这里我先简单描述一下需求：服务器返回的是html页面的一部分带有标签的内容。 解决的思路是：将服务器返回的内容片段拼凑成一个完整的页面。 下面直接上核心代码： 这里是WebView一些配置 WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); settings.setDomStorageEnabled(true); settings.setUseWideViewPort(true); set
Android WebView与Cookie交互实现网页信息保存
"该资源主要探讨了在Android应用中使用...这个资源详细介绍了如何在Android应用中利用`WebView`加载网页，传递参数，并通过Cookie实现用户信息的保存，对于开发涉及网页展示和交互的Android应用具有较高的参考价值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值