android_webView加载.html文件

最新推荐文章于 2024-04-19 11:37:32 发布
最新推荐文章于 2024-04-19 11:37:32 发布
阅读量167 收藏
点赞数
分类专栏： Android 文章标签： HTML Android JavaScript UI thread ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gyht0808/article/details/83799686
版权

首先在layout文件夹下的xml中 加入

Java代码 
  1.  <WebView  
  2. android:id="@+id/wv1"  
  3. android:layout_width="fill_parent"  
  4. android:layout_height="fill_parent"  
  5. />  

 

Java代码 
  1. public class jsWebDemo extends Activity {  
  2.     /** Called when the activity is first created. */  
  3.     @Override  
  4.     public void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.main);   
  7.         WebView wView = (WebView)findViewById(R.id.wv1);  
  8.           
  9.         ProxyBridge pBridge = new ProxyBridge();  
  10.         wView.addJavascriptInterface(pBridge, "AliansBridge");  
  11.           
  12.         WebSettings wSet = wView.getSettings();  
  13.         wSet.setJavaScriptEnabled(true);  
  14.           
  15.         wView.loadUrl("file:///android_asset/index.html");  
  16.           
  17.     }  
  18.   
  19.     public class ProxyBridge {  
  20.         public int one () {  
  21.             return 1;  
  22.         }  
  23.     }  
  24.   
  25. }  

  wView.addJavascriptInterface(pBridge, "AliansBridge");
上句代码是实例化一个方法为的是在html中的js中调用，第二个参数则是 实例化方法的别名，如果要使用这个pBridge，则在js中使用的名字就是AliansBridge。

 WebSettings wSet = wView.getSettings();
        wSet.setJavaScriptEnabled(true);
上面两句就是允许使用js的意思

wView.loadUrl(file:///android_asset/index.html);
就是在asset下放入一个index.html文件，这个文件包含js的代码，注意路径是“///”，这个android_asset不是文件夹的名字是系统自动生成的，其实就是asset文件夹的系统路径。 

 

index.html 内容如下

Java代码 
  1. <html><body>  
  2. <div id="output">Test page.</div>  
  3. <input type="submit" value="change to 1" οnclick="document.getElementById('output').innerHTML = AliansBridge.one()" />  
  4. </body></html>  

 

 这里要注意 如果你只有一个方法需要被js调用

 ProxyBridge pBridge = new ProxyBridge();
        wView.addJavascriptInterface(pBridge, "AliansBridge");

如果你需要调用好多个方法呢 这里只要

 wView.addJavascriptInterface(this, "AliansBridge");

把整个android程序所在的类 本身实例化传递就可以了

这里呢可以参看附件中的实例riademo

你如果想继续扩展可以参看

http://www.ophonesdn.com/article/show/115

 

 2.上面是javascript调用android的方法，那么android也可以调用js的方法

Java代码 
  1. public class webJsDemo extends Activity {  
  2.     /** Called when the activity is first created. */  
  3.     private WebView mWebView;  
  4.      private Handler mHandler = new Handler();     
  5.        
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.         mWebView = (WebView) findViewById(R.id.wv1);     
  11.           
  12.         WebSettings webSettings = mWebView.getSettings();     
  13.         webSettings.setSavePassword(false);     
  14.         webSettings.setSaveFormData(false);     
  15.         webSettings.setJavaScriptEnabled(true);     
  16.         webSettings.setSupportZoom(false);     
  17.          
  18.         mWebView.setWebChromeClient(new MyWebChromeClient());     
  19.     
  20.         mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");     
  21.     
  22.         mWebView.loadUrl("file:///android_asset/demo.html");     
  23.     }     
  24.     
  25.     final class DemoJavaScriptInterface {     
  26.     
  27.         DemoJavaScriptInterface() {     
  28.         }     
  29.     
  30.         /**   
  31.          * This is not called on the UI thread. Post a runnable to invoke   
  32.          * loadUrl on the UI thread.   
  33.          */    
  34.         public void clickOnAndroid() {    
  35.               
  36.             mHandler.post(new Runnable() {     
  37.                 public void run() {     
  38.                     mWebView.loadUrl("javascript:wave()");     
  39.                 }     
  40.             });     
  41.     
  42.         }     
  43.     }     
  44.     
  45.     /**   
  46.      * Provides a hook for calling "alert" from javascript. Useful for   
  47.      * debugging your javascript.   
  48.      */    
  49.     final class MyWebChromeClient extends WebChromeClient {     
  50.         @Override  
  51.         public boolean onJsAlert(WebView view, String url, String message,  
  52.                 JsResult result) {  
  53.             // TODO Auto-generated method stub  
  54.             Log.d("aa", message);    
  55.             Log.d("url", url);  
  56.             Log.d("result", ""+result);  
  57.               
  58.             result.confirm();   
  59.         return super.onJsAlert(view, url, message, result);  
  60.               
  61.         }  
  62.   
  63.           
  64.     }     

 

其中上面的代码 也提到了怎么在android中调试js  mWebView.setWebChromeClient(new MyWebChromeClient());  

上面的代码来源于别人的实例。

最后还要注意在这个实例中demo.html和两个image应该在同一个文件夹asset下

gyht0808
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebView加载本地Html文件并实现点击效果
12-14
使用WebView加载本地Html文件，并实现按钮点击弹框效果。
WebView加载html文件
fydsw1314的专栏
04-03 492
//第一步：获得webView设置器 WebSettings bs =webView.getSettings(); //第二步：添加放大缩小控制器 bs.setBuiltInZoomControls(true); //第三步：加载数据 //baseUrl为默认的html代码， //data为要加载的html代码， //mimeType为文本类型， //encoding为编码格式，
webview加载本地的html文件
12-24
webview 加载本地html文件，可以是互联网上，也可以是放在本地，不要忘了添加权限，
Android 使用webView加载html页面
最新发布
qq_19688207的博客
04-19 1665
AndroidManifest.xml配置权限。Application.java设置初始化。放置在libs文件夹，引用。
android程序中关于webview加载html文件
weixin_33738982的博客
07-30 192
这两天用webview加载html时遇到很多问题也学到了不少，仅在这里记载以供以后参考，哪里不完善的还望有心人多加补充。（这里只介绍webview.loadUrl（））思路：拿到网页url，然后把网页上的html写到本地文件中，然后用webview.loadUrl("file:///"+htmlpath)加载图文。注意：1.写到本地文件时的编码要和加载本地文件时的编码一样...
Android_webview_83.0.4103.120版本
10-29
1. **WebView组件**：WebView是Android SDK中的一个类，继承自`android.webkit.WebView`，它能够加载并显示HTML、CSS、JavaScript等网络内容。 2. **作用**：WebView主要用在应用程序内展示网页，可以实现与网页的...
html5.zip_WebView_android_webview与html5
09-24
加载HTML5页面** 你可以通过`loadUrl()`方法加载本地或远程的HTML5页面： ```java webView.loadUrl("file:///android_asset/index.html"); // 本地资源 webView.loadUrl("https://www.example.com"); // 远程URL `...
Android_WebView安全攻防指南2020.pdf
08-11
- **恶意HTML/JS加载**：攻击者可能操纵WebView加载包含恶意代码的HTML或JS，如通过AJAX窃取文件。 3. **WebView URL校验** - **白名单校验**：实施严格的URL白名单策略，只允许WebView加载预定义的可信URL，防止...
Android_HTML5.zip_android_html5
09-24
5. Android与HTML5的集成：通过WebView，开发者可以将HTML5应用嵌入到原生Android应用中，利用Android的Intent系统和其他本地APIs，实现如相机、联系人、文件系统等访问。此外，Cordova/PhoneGap等框架允许创建混合...
Android WebView加载网页html文件显示加载进度Demo
05-19
在“Android WebView加载网页html文件显示加载进度Demo”这个项目中，我们将探讨如何利用WebView加载本地HTML文件，并实时展示加载进度，提供更好的用户体验。 首先，我们需要在AndroidManifest.xml文件中为应用...
java 安卓 html文件_android webview 加载本地html 实现 与 java 之间的相互响应
weixin_29534463的博客
02-24 150
1.布局xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="net.pericles.andoidab.muiaps.MainActivity">android:layout_wid...
使用Webview加载html网页
snow_lyGirl
08-09 2753
WebView设置 //加上下面这段代码可以使网页中的链接不以浏览器的方式打开 webView.setWebViewClient(new WebViewClient()); webView.setScrollBarStyle(0);//滚动条风格，为0指滚动条不占用空间，直接覆盖在网页上 //得到webview设置
android加载webview网页,android 加载网页Html文本--WebView
weixin_34453486的博客
05-28 303
【实例简介】解决了乱码问题【实例截图】【核心代码】package com.cd.webview_html;import android.app.Activity;import android.os.Bundle;import android.view.Menu;import android.webkit.WebView;/*** WebView加载Html网页文本内容** @author TopS...
android webview加载html代码
pxcz110112的博客
06-12 6787
商城项目里，商品详情是后台给的html代码，需要加载到页面上 //在内置浏览器打开页面 mWebView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { vi...
android展示html片段,详解Android WebView加载html片段
weixin_35950078的博客
05-27 270
这里我先简单描述一下需求：服务器返回的是html页面的一部分带有标签的内容。解决的思路是：将服务器返回的内容片段拼凑成一个完整的页面。下面直接上核心代码：这里是WebView一些配置WebSettings settings = webView.getSettings();settings.setJavaScriptEnabled(true);settings.setDomStorageEnable...
webview加载HTML文本，以及图片宽度适应、字体大小调整、退出清理
qq_24179679的博客
07-20 3063
package com.demo.com.demoapplication; import android.net.http.SslError; import android.os.Build; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v7.app.A...
Android WebView使用实例（html5、文件下载和远程URL）
weakstar的专栏
01-17 1955
在Android中有WebView Widget，它内置了WebKit引擎，同时，WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源的浏览器引擎，Chrome浏览器也是基于它的。所以很多表现WebView和Chrome是一样的。          在使用WebView之前，要在AndroidManifest.xml中添加 如下权限： ,否
android:webView总结
吴家大少少的专栏
06-30 2282
大部分内容为网上整理其它高人的帖子，现只作整理，用于查看：在Android手机中内置了一款高性能webkit内核浏览器，在SDK中封装为一个叫做WebView组件。 什么是webkit WebKit是Mac OS X v10.3及以上版本所包含的软件框架（对v10.2.7及以上版本也可通过软件更新获取）。 同时，WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目，主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件。 传统上，WebKit包含一个网页引
本地html文件放置位置，android中加载本地Html文件
热门推荐
yangyang的博客
11-08 6万+
最近因为忙着项目上线的事，完全把写博客的事给忘了，先给自己三个 存放本地html文件：放在app/src/main/assets目录下，一般来说android studio项目下是没有assets文件夹的，所以需要在app/src/main下新建一个文件夹，取名assets.如图：           访问本地的html文件，功能很简单，代码如下：     WebView webview
android webview index.html 文件缓存找不到
07-11
如果在 Android WebView 中加载 index.html 文件时出现缓存找不到的问题，可能有以下几种原因和解决方法： 1. 确保 index.html 文件已经被正确地缓存到了设备的缓存目录中。你可以检查缓存目录是否存在该文件。 2....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值