Android混合H5开发步骤

最新推荐文章于 2024-03-26 00:12:12 发布

灵猫小西

最新推荐文章于 2024-03-26 00:12:12 发布

阅读量682

点赞数

分类专栏： Android 安卓控件文章标签： android html5 webview

本文链接：https://blog.csdn.net/qq_46269365/article/details/118787783

版权

Android 同时被 2 个专栏收录

49 篇文章 1 订阅

订阅专栏

安卓控件

24 篇文章 2 订阅

订阅专栏

一、布局相应地方加入WebView控件

<WebView
      android:id="@+id/webview"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
     android:layerType="software">
</WebView>

二、activity中获取控件实例，加载页面

private WebView webView;
String fileUrl="file:///android_asset/lasted_date.html";//要加载的html文件路径

webViewl=findViewById(R.id.webview);

//WebViewUtil为自定义加载类
WebViewUtil.setWebView(webView,fileUrl);

三、WebViewUtil自定义类

package com.example.crab_breeding.first_home.horizontal_menus.statistical_data;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;
import com.example.crab_breeding.MainActivity;
/**
 * 自定义webview加载类
 */
public class WebViewUtil {
    /**
     * 给webview添加数据
     * @param webView
     * @param url 要加载的h5文件路径
     */
    public static void setWebView(WebView webView, String url) {
       
        WebSettings webSettings = webView.getSettings();
        webSettings.setDomStorageEnabled(true);
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);//设置js可以直接打开窗口，如window.open()，默认为false
         //如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript
        webSettings.setJavaScriptEnabled(true);//是否允许JavaScript脚本运行，默认为false。设置true时，会提醒可能造成XSS漏洞
		
		//webSettings.setSupportZoom(true);//是否可以缩放，默认true
		//webSettings.setBuiltInZoomControls(true);//是否显示缩放按钮，默认false
		//webSettings.setUseWideViewPort(true);//设置此属性，可任意比例缩放。大视图模式
        
        webSettings.setLoadWithOverviewMode(true);//和setUseWideViewPort(true)一起解决网页自适应问题
        webSettings.setAppCacheEnabled(true);//是否使用缓存
        webSettings.setDomStorageEnabled(true);//开启本地DOM存储
        webSettings.setLoadsImagesAutomatically(true); // 加载图片
		//webSettings.setMediaPlaybackRequiresUserGesture(false);//播放音频，多媒体需要用户手动？设置为false为可自动播放

        webView.loadUrl(url);
		//webView.setWebViewClient(new WebViewClient());

        webView.clearCache(true);
        webView.setWebChromeClient(new WebChromeClient());

        //缓存模式如下：
        //LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据
        //LOAD_DEFAULT: （默认）根据cache-control决定是否从网络上取数据。
        //LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.
        //LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。
        //不使用缓存,只从网络获取数据。
		//webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
		//webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
    }
}

四、将要加载的h5文件放入assets文件夹

在这里插入图片描述
lasted_data.html文件根据需要撰写，下方内容只是方便测试

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>这是webview加载出来的h5页面。。。</div>
	</body>
</html>

灵猫小西

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android混合H5开发步骤

一、布局相应地方加入WebView控件<WebView android:id="@+id/webview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layerType="software"></WebView>二、activity中获取控件实例，加载页面private WebView webView;Str
复制链接

扫一扫

专栏目录