利用WebView加载我们本地的html代码

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

有时候我们在使用网络通信爬取网络数据的时候，想要完美的显示出来，却总是不尽如人意，我在爬取四六级成绩的时候，遇到了一个问题，抓取的数据需要一个合理的显示，最好是像网页上的结果一样，简洁明了，我在将抓取的代码直接截取数据部分，放入后，发生了错乱的效果（吐槽下99宿舍，四六级成绩居然还加密，js解密代码看了半天不知其意）。

原因

我们截取的数据区代码如下：

<table border="0" align="center" cellpadding="0" cellspacing="6" class="cetTable">
	<tr>
		<th>姓名：</th>
		<td>XXX</td>
	</tr>
	<tr>
		<th>学校：</th>
		<td>XXXXXX</td>
	</tr>
	<tr>
		<th>考试类别：</th>
		<td>英语六级</td>
	</tr>
	<tr>
		<th>准考证号：</th>
		<td>XXXXXXXXXXXXXXX</td>
	</tr>
	<tr>
		<th>考试时间：</th>
		<td>2016年06月</td>
	</tr>
	<tr>
		<th valign="top">总分：</th>
		<td valign="top" class="fontBold">
        <span class="colorRed">
		
			381
		
        </span>
		
        	<br /><span class="color666">听力：</span>
			
				130
			
            <br /><span class="color666">阅读：</span>
			
			141
			
			
            <br /><span class="color666">写作与翻译：</span>
			
			110
			
		</td>
	</tr>
</table>

而Html代码的结构并不是如此，所以我们利用Html.fromHtml() 的时候并不能正确的显示

所以我们可以将这个数据的html代码附加到一个完整的html框架中，并且给修饰的class添加层叠样式表，用一个WebView加载出来。补充后的代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.cetTable{ margin:0 auto;}
.cetTable th{ font-weight:bold; text-align:right;}
.cetTable td{text-align:left;}
.color333, a.color333{color:#333333;}
.color666, a.color666{color:#666666;}
.color999, a.color999{color:#999999;}
.colorRed, a.colorRed,a.colorRed:link,a.colorRed:visited{ color:#D94840;}
</style>

</head>
<body>



<table border="0" align="center" cellpadding="0" cellspacing="6" class="cetTable">
	<tr>
		<th>姓名：</th>
		<td>XXXX</td>
	</tr>
	<tr>
		<th>学校：</th>
		<td>XXXXXXXX</td>
	</tr>
	<tr>
		<th>考试类别：</th>
		<td>XXXX</td>
	</tr>
	<tr>
		<th>准考证号：</th>
		<td>XXXXXXXXX</td>
	</tr>
	<tr>
		<th>考试时间：</th>
		<td>2016年06月</td>
	</tr>
	<tr>
		<th valign="top">总分：</th>
		<td valign="top" class="fontBold">
        <span class="colorRed">
		
			381
		
        </span>
		
        	<br /><span class="color666">听力：</span>
			
				130
			
            <br /><span class="color666">阅读：</span>
			
			141
			
			
            <br /><span class="color666">写作与翻译：</span>
			
			110
			
		</td>
	</tr>
</table>

</body>
</html>

java代码如下： 

mResult.loadDataWithBaseURL(null, content,
                                                "text/html", "utf-8", null);

最后结果如下：



NoClay
关注
专栏目录
WebView加载网页代码
qq_34822188的博客
09-12 434
1、loadUrl(String url);直接加载网页、图片并显示    本地资源： mWebview.loadUrl("file:///android_asset/x.html");    远程资源： mWebview.loadUrl(“http://www.baidu.com"); 2、loadData (data, mimeType, encoding):   
使用webview加载本地html页面,并处理html页面中的javascript事件
04-10
NULL 博文链接：https://android-zhang.iteye.com/blog/1659943
使用WebView加载HTML代码
weixin_30872499的博客
07-05 182
使用EditText显示HTML字符串时，EditText不会对HTML标签进行任何解析，而是直接把所有HTML标签都显示出来-----就像用普通记事本显示一样；如果应用程序想重新对HTML字符串进行解析、当成HTML页面来显示，也是可以的。 WebView提供的loadData(String data , String mimeType , String encoding)方法，该方...
使用 WebView 执行HTML代码
03-23
NULL 博文链接：https://byandby.iteye.com/blog/1041789
使用WebView加载本地html操作本地数据
08-04
本程序使用webview控件，加载本地写的Html文件，操作本地数据。包含js调用java方法，以及java调用js方法，实现数据的传递。
Android开发实现webview中img标签加载本地图片的方法
01-20
在某些场景下，我们可能需要在Webview中加载本地的图片资源，而不是网络上的图片。本篇文章将详细讲解如何在Android的Webview中通过img标签加载本地图片。 首先，我们要明确两个关键步骤： 1. **配置Webview设置**...
WebView加载本地html
jifenglie的博客
12-16 1512
1、加载assets文件夹下html ： webView.loadUrl("file:////android_asset/test/index.html"); 2、加载手机存储指定位置下html（sd卡）： webView.loadUrl("file://"+ Environment.getExternalStorageDirectory().getPath()+"/text/in...
android webView加载html 并引用本地资源（图片、字体库）
03-14
要加载本地资源，如图片和字体库，通常我们将这些资源放在`assets`或`res`目录下。例如，将图片放在`assets/images`，字体库放在`assets/fonts`。 对于图片，HTML中的引用应使用相对路径： ```html 本地图片"> ```...
WebView加载本地HTML
谷哥的小弟
02-19 2473
package c.c; import android.os.Bundle; import android.webkit.WebView; import android.app.Activity; public class MainActivity extends Activity { private WebView mWebView; @Override protected
IOS中的webView加载HTML
09-02
本篇文章将聚焦于如何在iOS中使用WebView加载HTML，以及通过HTML和JavaScript实现一个简单的打地鼠游戏。 首先，我们需要理解WebView的工作原理。WebView是iOS SDK中的UIWebView或WKWebView组件，它能够嵌入到应用...
WebView 加载本地html文件
小虎的博客
03-16 387
1、布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_widt
这里是通过webview加载html(简单处理)
You_Android_r的博客
08-22 706
通过webview加载html
【uniapp】uniapp的App端web-view加载本地html
bs521521的博客
01-16 5649
H5内嵌H5,App内嵌H5通讯问题
loaddatawithbaseurl html/text,WebView中loadDataWithBaseURL与loadData加载本土html困惑
weixin_35752645的博客
07-05 230
1 楼tracy0612012-08-01loadData:public void loadData (String data, String mimeType, String encoding)Load the given data into the WebView. This will load the data into WebView using the data: scheme. Con...
Android 使用webView加载html页面
最新发布
qq_19688207的博客
04-19 2653
AndroidManifest.xml配置权限。Application.java设置初始化。放置在libs文件夹，引用。
webview加载本地的html文件
tianhongfan10106的专栏
03-28 1759
在main的目录下新建一文件夹叫：assets 。  WebView\src\main\assets webView.loadUrl("file:///android_asset/web.html");   // html文件名字为web.html
ANDROID webview加载本地内容代码
li352558693的专栏
04-25 2044
由于我目前的应用大部分为html网页内容，所以之前一直沿用webview.load(url)的方式来加载网页，所以就出现了很多网页加载很慢的情况，看网上所述大部分由加载远程加载js，css导致的。所以就把webview.load(url)调整为加载本地内容，js和css均有本地html文件加载。着实速度提升了不少。是的，js交互事件也是本地的！而网页内容是接口实时返回的。 1，现在本地asset
微信小程序如何像webview一样加载html5网页
03-29
感觉微信官方不太可能开放这个功能，所以还是靠我们自己吧。有两种解决方法，第二种是我自己想的方案。 第一种： https://github.com/icindy/wxParse 第三方的简单实现，仅限于支持简单的标签解析，并渲染出来，不是真正的WebView，不能有 DOM 事件，js 特效。 第二种： 这个方案是我自己有过最佳实践的方案。你可以无偿任意使用，但请注明创意来源。 在服务器上 使用phantomjs，客户端将要渲染的 HTML，或者 URL post 给服务器，服务器通过 phatomjs 生成图片，返回给客户端显示。 这个方法，如果实时做，会有性能问题，对于一般不是很频繁的内容，
webview打开html文件,在Webview中打开本地Html文件 - Android
weixin_39788382的博客
06-25 548
我有一个文件保存在根文件夹中，并试图在Web视图中打开它。在Webview中打开本地Html文件 - Android这是我保存代码：OutputStream outstream = null;outstream = openFileOutput(fileName ,MODE_WORLD_READABLE);/// if file the available for writingif (outst...
WPF 显示网页和H5页面
SJ15630070060的博客
11-02 471
占用内存小，在Win10,11系统上运行没问题，如果Win7、Win8/8.1上是无法直接运行的，需要安装WebView2运行时（网上直接搜索Miniblink下载就好了，底层代码应该是.Net5.0版本的如果在.Net4.0上使用的话需要修改一下底层的代码。定义： Miniblink保持了10M左右的极简大小，是所有同类产品最小的体积，同时支持windows xp、npapi。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值