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

最新推荐文章于 2024-07-18 14:25:13 发布
最新推荐文章于 2024-07-18 14:25:13 发布
阅读量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 418
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 170
使用EditText显示HTML字符串时，EditText不会对HTML标签进行任何解析，而是直接把所有HTML标签都显示出来-----就像用普通记事本显示一样；如果应用程序想重新对HTML字符串进行解析、当成HTML页面来显示，也是可以的。 WebView提供的loadData(String data , String mimeType , String encoding)方法，该方...
Android使用webView加载html页面的详细步骤
最新发布
chinaherolts2008的博客
07-18 111
Android WebView是Android开发中提供的一种用于显示网页内容的组件,它可以加载网页的url链接,也可以加载本地的html文件,下面这篇文章主要给大家介绍了关于Android使用webView加载html页面的相关资料,需要的朋友可以参考下。到此这篇关于Android使用webView加载html页面的文章就介绍到这了,更多相关Android用webView加载html页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持。下载sdk:腾讯浏览服务-SDK下载。
使用 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设置**...
android webView加载html 并引用本地资源（图片、字体库）
03-14
要加载本地资源，如图片和字体库，通常我们将这些资源放在`assets`或`res`目录下。例如，将图片放在`assets/images`，字体库放在`assets/fonts`。 对于图片，HTML中的引用应使用相对路径： ```html 本地图片"> ```...
IOS中的webView加载HTML
09-02
本篇文章将聚焦于如何在iOS中使用WebView加载HTML，以及通过HTML和JavaScript实现一个简单的打地鼠游戏。 首先，我们需要理解WebView的工作原理。WebView是iOS SDK中的UIWebView或WKWebView组件，它能够嵌入到应用...
WebView 加载本地html文件
小虎的博客
03-16 375
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
jifenglie的博客
12-16 1481
1、加载assets文件夹下html ： webView.loadUrl("file:////android_asset/test/index.html"); 2、加载手机存储指定位置下html（sd卡）： webView.loadUrl("file://"+ Environment.getExternalStorageDirectory().getPath()+"/text/in...
微信小程序如何像webview一样加载html5网页
03-29
感觉微信官方不太可能开放这个功能，所以还是靠我们自己吧。有两种解决方法，第二种是我自己想的方案。 第一种： https://github.com/icindy/wxParse 第三方的简单实现，仅限于支持简单的标签解析，并渲染出来，不是真正的WebView，不能有 DOM 事件，js 特效。 第二种： 这个方案是我自己有过最佳实践的方案。你可以无偿任意使用，但请注明创意来源。 在服务器上 使用phantomjs，客户端将要渲染的 HTML，或者 URL post 给服务器，服务器通过 phatomjs 生成图片，返回给客户端显示。 这个方法，如果实时做，会有性能问题，对于一般不是很频繁的内容，
这里是通过webview加载html(简单处理)
You_Android_r的博客
08-22 690
通过webview加载html
【uniapp】uniapp的App端web-view加载本地html
bs521521的博客
01-16 4822
H5内嵌H5,App内嵌H5通讯问题
loaddatawithbaseurl html/text,WebView中loadDataWithBaseURL与loadData加载本土html困惑
weixin_35752645的博客
07-05 218
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 2200
AndroidManifest.xml配置权限。Application.java设置初始化。放置在libs文件夹，引用。
ANDROID webview加载本地内容代码
li352558693的专栏
04-25 2025
由于我目前的应用大部分为html网页内容，所以之前一直沿用webview.load(url)的方式来加载网页，所以就出现了很多网页加载很慢的情况，看网上所述大部分由加载远程加载js，css导致的。所以就把webview.load(url)调整为加载本地内容，js和css均有本地html文件加载。着实速度提升了不少。是的，js交互事件也是本地的！而网页内容是接口实时返回的。 1，现在本地asset
webview打开html文件,在Webview中打开本地Html文件 - Android
weixin_39788382的博客
06-25 537
我有一个文件保存在根文件夹中，并试图在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 415
占用内存小，在Win10,11系统上运行没问题，如果Win7、Win8/8.1上是无法直接运行的，需要安装WebView2运行时（网上直接搜索Miniblink下载就好了，底层代码应该是.Net5.0版本的如果在.Net4.0上使用的话需要修改一下底层的代码。定义： Miniblink保持了10M左右的极简大小，是所有同类产品最小的体积，同时支持windows xp、npapi。
iOS开发：加载本地HTML、CSS和JS文件教程
本文主要介绍了如何在iOS应用中使用WebView加载本地HTML、CSS和JavaScript文件。首先，需要在 storyboard 中添加一个 WebView 或者通过代码动态创建。其次，创建相应的 HTML、CSS 和 JavaScript 文件，分别设置它们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值