`

Android使用WebView加载本地资源

 
阅读更多

public voidloadData(Stringdata,StringmimeType,Stringencoding)

则会出现html代码中图片路径不对导致不能正常显示图片（通常是一个白色的固定大小的框，或者没有）

当把路径改为绝对路径加上file://都还无法解决

终于，在网上查资料的时候发现了这个函数，正好解决这个问题

public voidloadDataWithBaseURL(StringbaseUrl,Stringdata,StringmimeType,Stringencoding,StringhistoryUrl)

baseUrl是图片的目录，在html代码中就写关于此目录的相对路径就可以了，哇嘎嘎！~

附带代码解释：

String htmlPath = "file:///mnt/sdcard/test/11.html";


String baseUrl = "file:///mnt/sdcard/test/";

webView.loadDataWithBaseURL(baseUrl, data, "text/html", "utf-8", null);

则两个调用都可以显示正常的html网页了，并且前一种可以对针对不同分辨率大小的屏幕做缩放了！！




在网上看了许多关于WebView 的例子。但当自己做起来时，总是有些差别，是另一种体会。这节我就以 模拟器为2.1 为例来讲。

WebView 主要调用三个方法：LoadUrl、LoadData、LoadDataWithBaseURL。

1、LoadUrl 直接加载网页、图片并显示。（本地或是网络上的网页、图片、gif）

2、LoadData 显示文字与图片内容 （模拟器1.5、1.6）

3、LoadDataWithBase 显示文字与图片内容（支持多个模拟器版本）

下面来看看代码片段：

Java代码收藏代码
  1. packagecom.webviewdemo;
  3. importjava.net.URLEncoder;
  4. importandroid.app.Activity;
  5. importandroid.os.Bundle;
  6. importandroid.webkit.WebView;
  8. publicclassWebViewDemoextendsActivity{
  10. privateWebViewMyWebView;
  11. staticfinalStringmimeType="text/html";
  12. staticfinalStringencoding="utf-8";
  14. /**Calledwhentheactivityisfirstcreated.*/
  15. @Override
  16. publicvoidonCreate(BundlesavedInstanceState){
  17. super.onCreate(savedInstanceState);
  18. setContentView(R.layout.main);
  19. //
  20. MyWebView=(WebView)findViewById(R.id.MyWebview);
  21. //this.webHtml();
  22. //this.webImage();
  23. //this.localHtmlZh();
  24. //this.localImage();
  25. //this.localHtml();
  26. this.localHtmlImage();
  27. }
  29. /**
  30. *直接网页显示
  31. */
  32. privatevoidwebHtml(){
  34. try{
  35. MyWebView.loadUrl("http://www.google.com");
  36. }catch(Exceptionex){
  37. ex.printStackTrace();
  38. }
  39. }
  41. /**
  42. *直接网络图片显示
  43. */
  44. privatevoidwebImage(){
  45. try{
  46. MyWebView.loadUrl("http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif");
  47. }catch(Exceptionex){
  48. ex.printStackTrace();
  49. }
  50. }
  52. /**
  53. *中文显示
  54. */
  55. privatevoidlocalHtmlZh(){
  56. try{
  57. Stringdata="<html>在模拟器2.1上测试</html>";
  58. //utf-8编码处理(在SDK1.5模拟器和真实设备上都将出现乱码,SDK1.6上能正常显示)
  59. //MyWebView.loadData(data,mimeType,encoding);
  60. //对数据进行编码处理(SDK1.5版本)
  61. MyWebView.loadData(URLEncoder.encode(data,encoding),mimeType,encoding);
  62. //MyWebView.loadDataWithBaseURL(null,data,mimeType,encoding,null);
  64. }catch(Exceptionex){
  65. ex.printStackTrace();
  66. }
  67. }
  69. /**
  70. *显示本地图片文件
  71. */
  72. privatevoidlocalImage(){
  73. try{
  74. //本地文件处理
  75. Stringstr="file:///android_asset/icon.png";
  76. MyWebView.loadUrl(str);
  77. }catch(Exceptionex){
  78. ex.printStackTrace();
  79. }
  80. }
  82. /**
  83. *显示本地网页文件
  84. */
  85. privatevoidlocalHtml(){
  86. try{
  87. //本地文件处理(如果文件名中有空格需要用+来替代)
  88. MyWebView.loadUrl("file:///android_asset/test.html");
  89. }catch(Exceptionex){
  90. ex.printStackTrace();
  91. }
  92. }
  94. /**
  95. *显示本地图片和文字混合的Html内容
  96. */
  97. privatevoidlocalHtmlImage(){
  98. try{
  99. Stringdata="<HTML>在模拟器2.1上测试,这是<IMGsrc=\"APK'>file:///android_asset/igg.jpg\"/>APK里的图片";
  100. //SDK1.5本地文件处理(不能显示图片)
  101. //MyWebView.loadData(URLEncoder.encode(data,encoding),mimeType,encoding);
  102. //SDK1.6及以后版本
  103. //MyWebView.loadData(data,mimeType,encoding);
  104. //本地文件处理(能显示图片)
  105. MyWebView.loadDataWithBaseURL(null,data,mimeType,encoding,null);
  106. }catch(Exceptionex){
  107. ex.printStackTrace();
  108. }
  109. }
  110. }

运行 localHtmlImage(...) 这个方法的结果：


在上面的所有方法中，模拟器2.1下 调用 LoadData 方法总是出现乱码。我想应该是2.1已经不在用它了吧。直接用LoadDataWithBaseURL 方法最简单，不再牵涉编码的转换。

记住：显示本地文件时 必须使用APK'>file:///作为前缀。

转自：http://hi.baidu.com/455611934/blog/item/027ffe5d17d8a652faf2c02c.html


分享到：
| Linux 死机了怎么办
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android webView加载html 并引用本地资源（图片、字体库）

    注意，加载本地资源时，路径一定要正确，对于`assets`目录下的资源，需要以`file:///android_asset/`开头。对于`res`目录下的资源，可以使用`android.resource://[package_name]/[resource_type]/[resource_id]`格式...

    Android WebView加载网页以及本地图片缓存问题

    三、加载本地资源 1. 加载本地HTML文件：使用`loadDataWithBaseURL()`方法加载本地HTML文件。首先，将HTML文件放入assets或res/raw目录下，然后加载。 ```java String ...

    android Webview加载本地图片，自适应布局大小

    最后，关于性能优化，使用`WebView`加载本地资源时，应考虑缓存策略。可以设置`WebSettings`的缓存模式，如`LOAD_CACHE_ELSE_NETWORK`，在网络不畅时优先使用缓存。另外，开启硬件加速可以提升WebView的渲染性能： ...

    webview 加载js ,css

    1. Android WebView加载HTML Android的WebView可以通过调用`loadData()`或`loadDataWithBaseURL()`方法加载HTML字符串，或者使用`loadUrl()`方法加载网络上的HTML资源。例如： ```java webView.loadUrl("file://...

    安卓浏览器WebViewJSHTML5相关-androidwebview加载本地html.zip

    本压缩包"安卓浏览器WebViewJSHTML5相关-androidwebview加载本地html.zip"提供了关于如何在Android中使用WebView加载本地HTML文件的相关示例和资料。 首先，我们要理解WebView的基本用法。在Android中，WebView是`...

    webview加载本地的html文件

    在WebViewLoadDemo这个示例项目中，可能包含了上述所有操作的完整代码，你可以参考该项目学习和实践如何在Android应用中有效地使用WebView加载本地HTML文件。总的来说，理解并熟练掌握WebView的使用对于Android...

    使用webview加载本地html页面,并处理html页面中的javascript事件

    综上所述，本文深入探讨了如何在Android应用中使用WebView加载本地HTML页面，并通过JavaScript事件桥接实现原生应用与HTML页面的交互。这不仅提高了用户体验，也使得应用的功能更加丰富和灵活。通过熟练掌握这些技术...

    Android studio加载本地html的文档问题

    但在使用Android Studio进行开发时，由于其项目结构和构建工具有所不同，因此加载本地HTML文件的方式也会有所差异。本文将详细介绍如何在Android Studio中正确地加载本地HTML文件。 #### 二、准备工作 在开始之前...

    android使用webview加载网页

    这个"android使用webview加载网页"的主题涉及到多个知识点，以下将详细介绍这些内容。 首先，我们需要理解WebView的基本用法。在Android Studio中，我们可以通过在布局XML文件中添加`&lt;WebView&gt;`标签来创建一个...

    Android WebView加载本地的网页源码显示

    本文将深入探讨如何使用Android的WebView来加载本地的网页源码，并展示一个简单的实例——Demo2。 首先，我们需要理解WebView的基本用法。WebView是Android SDK中的一个类，它提供了一个用于显示网页的视图。我们...

    Android实现WebView图片缓存，替换加载前默认图片的样式

    例如，我们可以设置为`LOAD_CACHE_ELSE_NETWORK`，这样在网络不可用时，WebView会尝试从本地缓存加载数据。 ```java WebSettings webSettings = webView.getSettings(); webSettings.setCacheMode(WebSettings.LOAD...

    android webview 加载网页 样例

    本文将深入探讨如何使用Android WebView加载网页，包括基本使用、配置设置、与JavaScript交互以及处理网络权限等问题。 一、WebView基础 1. 添加依赖 在Android Studio项目中，首先确保在`build.gradle`（Module）...

    WebView加载本地Html文件并实现点击效果

    总之，通过WebView加载本地HTML文件，结合JavaScript和Android原生功能，我们可以实现丰富的交互体验。在这个例子中，我们学习了如何加载HTML文件、启用JavaScript、处理点击事件并弹出对话框。这只是一个基础示例，...

    Android利用 webview 查看阅读pdf资料（ 优化）

    首先，加载PDF到Webview的基本步骤是通过WebView加载一个可以解析并显示PDF的URL。一个常见的方法是使用Google的PDF Viewer，它提供了一个在线的PDF渲染服务。我们可以通过以下代码将PDF文档的URL加载到Webview： `...

    Android打开本地HTML网页AndroidStudio工程.rar

    7. **WebView加载进度**： 可以监听`WebView`的加载进度，通过`setWebChromeClient`和`WebChromeClient`的`onProgressChanged`方法获取加载进度，并在UI上显示进度条。 8. **安全考虑**： 当加载本地HTML时，也要...

    Android Webview视频播放器

    在Android平台上，Webview是一个非常重要的组件，它允许开发者在原生应用中嵌入网页内容。...在HTML5页面中，正确引用本地视频文件，并通过Webview加载该页面，用户就能在应用中流畅地观看本地视频了。

    Android开发实现webview中img标签加载本地图片的方法

    在某些场景下，我们可能需要在Webview中加载本地的图片资源，而不是网络上的图片。本篇文章将详细讲解如何在Android的Webview中通过img标签加载本地图片。 首先，我们要明确两个关键步骤： 1. **配置Webview设置**...

    android 使用WebView浏览网页

    - 使用`setCacheMode()`可以配置WebView使用本地缓存，提高加载速度。 - 启用硬件加速：`webView.setLayerType(View.LAYER_TYPE_HARDWARE, null)`，提高渲染性能。 - 使用`WebView.setWebViewClient()`和`...

    com.android.webview-95.0.4638.50

    3. 性能优化：减少内存占用和提高加载速度是关键，可以使用`shouldInterceptRequest()`方法预加载资源，或者使用`WebView.setCacheMode()`设置缓存模式。 4. 用户体验：使用`WebView.setWebViewClient()`自定义...

    android使用webView实现java程序与js脚本的相互调用

    // 加载本地资源 ``` ### 8. 处理回调 在某些场景下，可能需要从JavaScript回调Java。这可以通过`WebViewChromeClient`的`onJsPrompt()`或`onJsAlert()`方法实现，它们会在JavaScript弹出对话框时被调用。 ### 9...

Magicbox
Global site tag (gtag.js) - Google Analytics