android加载html页面
‘壹’ android嵌入h5，怎么交互
Android和H5之间的交互
hybrid App开发也不是什么新鲜事了，其中native和h5之间的交互则是必不可少的。Android中是如何和H5交互的？
1、webView加载页面
我们都知道在Android中是通过webView来加载html页面的，根据HTML文件所在的位置不同写法也不同：
//例如：加载assets文件夹下的test.html页面
mWebView.loadUrl("file:///android_asset/test.html")
//例如：加载网页
mWebView.loadUrl("http://www..com")
如果只是这样调用mWebView.loadUrl()加载的话,那么当你点击页面中的链接时，页面将会在你手机默认的浏览器上打开。那如果想要页面在App内中打开的话，那么就得设置setWebViewClient：
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
mWebView.loadUrl(url);
return true;
}
}
});
2、Android本地通过java调用HTML页面中的JavaScript方法
想要调用js方法那么就必须让webView支持
WebSettings webSettings = mWebView.getSettings();
//设置为可调用js方法
webSettings.setJavaScriptEnabled(true);
若调用的js方法没有返回值，则直接可以调用mWebView.loadUrl("JavaScript:do()");其中do是js中的方法；若有返回值时我们可以调用mWebView.evaluateJavascript()方法：
mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, "onReceiveValue value=" + value);
}
});
js代码如下：
<script type="text/javascript">
function sum(a,b){
return a+b;
}
function do(){
document.getElementById("p").innerHTML="hello world";
}
</script>
2、js调用Android本地Java方法
在Android4.2以上可以直接使用@JavascriptInterface注解来声明，下面是在一个本地Java方法
public class JsInteration {
@JavascriptInterface
public String back() {
return "hello world";
}
}
定义完这个方法后再调用mWebView.addJavascriptInterface()方法：
mWebView.addJavascriptInterface(new JsInteration(), "android");
那么在js中怎么来调用呢？
<script type="text/javascript">
function s(){
//调用Java的back()方法
var result =window.android.back();
document.getElementById("p").innerHTML=result;
}
</script>
4、拦截HTML页面中的点击事件
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
//判断url拦截事件
if (url.equals("file:///android_asset/test2.html")) {
Log.e(TAG, "shouldOverrideUrlLoading: " + url);
startActivity(new Intent(MainActivity.this,Main2Activity.class));
return true;
} else {
mWebView.loadUrl(url);
return false;
}
}
});
以上就是Java调用js方法以及js调用Java方法的实现交互方式中的一种。下面给出完整代码：
mainActivity
public class MainActivity extends AppCompatActivity {
public static final String TAG = "MainActivity";
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.webView);
mWebView.loadUrl("file:///android_asset/test.html");
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new JsInteration(), "android");
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url.equals("file:///android_asset/test2.html")) {
Log.e(TAG, "shouldOverrideUrlLoading: " + url);
startActivity(new Intent(MainActivity.this,Main2Activity.class));
return true;
} else {
mWebView.loadUrl(url);
return false;
}
}
});
}
//Android调用有返回值js方法
@TargetApi(Build.VERSION_CODES.KITKAT)
public void onClick(View v) {
mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, "onReceiveValue value=" + value);
}
});
}
public class JsInteration {
@JavascriptInterface
public String back() {
return "hello world";
}
}
}
test.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function sum(a,b){
return a+b;
}
function s(){
var result =window.android.back();
document.getElementById("p").innerHTML=result;
}
</script>
</head>
<body>
<button onclick="s()">调用本地方法</button>
<a href="file:///android_asset/test2.html">点击</a>
<p id="p"></p>
</body>
</html>
‘贰’ android怎么加载html
android加载html
主要有2种方案：
方案一：
启动第三方浏览器或者安卓内置的浏览器进行加载先生html文件。
方案二：
使用android 自带的webview控件进行加载html文件或者网页。
不常用方案有1种：
使用android控件TextView进行加载html文件。
主要原理：
通过读取html文件里面的标签进行解析相关的元素从而通过浏览器，或者android自带的控件进行显示，其中webview控件本质上就是一个浏览器，TextView显示html内容就是通过解析标签，元素通过内置方法转化成相应带有属性的文本信息然后显示到界面上。
详细解决步奏：
方案一：
Uriuri=Uri.parse("http://www.XXXX.com");//要链接的地址或者html
Intentintent=newIntent(Intent.ACTION_VIEW,uri);
startActivity(intent);缺点如果android中没有浏览器，则无法启动显示相关内容。
方案二：
webview=(WebView)findViewById(R.id.WebView01);
webview.getSettings().setJavaScriptEnabled(true);
webview.loadUrl("http://www.xxxx.com");//要链接的地址或者html
缺点：目前没有什么缺点，比其他2种好，天生为加载html文件而出生的
方案三：
不常用的方法，借助函数Html.fromHtml（）来解析html内容，并且进行显示。
TextViewtext1=(TextView)findViewById(R.id.TextView02);
text1.setText(Html.fromHtml(“<fontsize='20'>网页内容html</font>”));
缺点：加载速度慢于webview加载速度。
最后
推荐使用webview进行加载html内容，其特性优于其他2种加载方式
‘叁’ Android开发中对显示HTML内容的几种方式
首先，Android中显示Html内容，有3中方式：（目前我用到的有这3种）
1、可以利用Android原生的Html.fromHtml(str, imageGetter, tagHandler)来进行显示。（不过，我这边用了，即使加了页面加载动画，还是觉得非常慢，有大量图片，会导致OOM；如果图片不多的话，可以考虑）
2、利用第三方插件HtmlTextView。
GitHub地址：https://github.com/PrivacyApps/html-textview
图片加载很顺畅，使用方法也非常简单，不过，有两个注意事项：
（1）其中，HtmlHttpImageGetter有3个构造函数，可以根据自己的情况选择。
（2）加载大量图片的时候，会导致OOM内存溢出。针对于这个情况，HtmlHttpImageGetter有一个压缩图片的方法可以调用，可以进去查看它的公共方法。（不过，我这边显示的图片过大，每张1M左右，并且一下子有几十张，即使设置了压缩图片，还是会导致OOM问题，目前还没解决，有大神知道咋弄的，拜托指点一下，非常感谢！）
对了，这个第三方插件的基本用法，点击上面的连接，进去一看就知道了，很简单。
3、第三种，是我没办法的情况下想的：把html标签里的内容利用正则表达式拿出来，其中，文本内容用一个TextView代替，<img>标签图片用一个ImageView代替，其他相关的标签自行选择替换。说白了，就是创建一个个的TextView以及ImageView填充到布局里（LinearLayout之类的）。要说明的是：其中图片显示用Glide来实现。目前我这边测试的情况还是可以的，加载的速度非常快，也没因内存问题导致APP崩溃。
‘肆’ android怎么加载本地html文件
1。获取资源的输入流
资源文件 sample.txt 位于 $PROJECT_HOME/assets/ 目录下，可以在 Activity 中通过
Context.getAssets().open(“test.html”)
方法获取输入流。
注意：如果资源文件是文本文件则需要考虑文件的编码和换行符。建议使用UTF-8和Unix换行符。
2. WebView 加载assets目录下的html文件
资源文件 sample.html 位于 $PROJECT_HOME/assets/ 目录下，可以通过以下代码
WebView.loadUrl(“file:///android_asset/test.html”);
加载html文件。
‘伍’ 怎么在android手机上打开html文件
1. 在Android手机上打开HTML文件的方法是：
2. 使用浏览器：打开浏览器，然后点击浏览器的“文件”按钮，选择要打开的HTML文件。
3. 使用文本编辑器：打开文本编辑器，然后点击“文件”按钮，选择要打开的HTML文件。
4. 使用HTML阅读器：下载一个HTML阅读器，然后点击“文件”按钮，选择要打开的HTML文件。