佛山网站,怎么做网站代拍,网站建设升级,我想自己做一个网站最近开发一个需要未联网功能的App, 不熟悉使用Java原生开发界面#xff0c;于是想使用本地H5做界面#xff0c;本文测试了使用本地html加载远程数据。直接上代码#xff1a;
MainActivity.java
package com.alex.webviewlocal;import androidx.appcompat.app.AppCompatAct…最近开发一个需要未联网功能的App, 不熟悉使用Java原生开发界面于是想使用本地H5做界面本文测试了使用本地html加载远程数据。直接上代码
MainActivity.java
package com.alex.webviewlocal;import androidx.appcompat.app.AppCompatActivity;import android.os.Build;
import android.os.Bundle;
import android.webkit.CookieManager;
import android.webkit.WebResourceRequest;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;public class MainActivity extends AppCompatActivity {private WebView webView;private String urlfile:///android_asset/web/index.html;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);webView findViewById(R.id.webview);WebSettings webSettings webView.getSettings();CookieManager cookieManager CookieManager.getInstance();cookieManager.setAcceptCookie(true);webSettings.setJavaScriptEnabled(true); // 设置支持javascriptwebSettings.setUseWideViewPort(true); // 将图片调整到适合webview的大小webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);webSettings.setUserAgentString(User-Agent);webSettings.setLightTouchEnabled(true); // 设置用鼠标激活被选项webSettings.setBuiltInZoomControls(true); // 设置支持缩放webSettings.setDomStorageEnabled(true); //设置DOM缓存当H5网页使用localstorage时一定要设置webSettings.setDatabaseEnabled(true);webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE); // 设置去缓存防止加载的为上一次加载的数据webSettings.setSupportZoom(true); // 设置支持变焦webView.setHapticFeedbackEnabled(false);webSettings.setPluginState(WebSettings.PluginState.ON);webSettings.setAllowFileAccess(true);webSettings.setAllowContentAccess(true);webSettings.setAllowUniversalAccessFromFileURLs(true);webSettings.setAllowFileAccessFromFileURLs(true);webView.loadUrl(url);// try{
// if(Build.VERSION.SDK_INT16){
// Class? clazz webView.getSettings().getClass();
// Method method clazz.getMethod(
// setAllowUniversalAccessFromFileURLs, boolean.class);
// if(method!null){
// method.invoke(webView.getSettings(),true);
// }
// }
// } catch (NoSuchMethodException e) {
// throw new RuntimeException(e);
// } catch (InvocationTargetException e) {
// throw new RuntimeException(e);
// } catch (IllegalAccessException e) {
// throw new RuntimeException(e);
// }
//
// webView.loadUrl(url);
// webView.setWebViewClient(new WebViewClient(){
// Override
// public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
// return super.shouldOverrideUrlLoading(view, request);
// }
// });}
}activity_main.xml
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationvertical
WebViewandroid:idid/webviewandroid:layout_widthmatch_parentandroid:layout_heightmatch_parent/WebView
/LinearLayouth5 文件
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlescript src./vue.min.js/scriptscript src./axios.min.js/script
/head
bodydiv idapph2{{message}}/h2ulli v-foruser in users :keyuser.id{{user.name}}/li/ul/divscriptvar app new Vue({el:#app,data(){return {message:Hello Vue!,users:[]}},mounted(){axios.get(https://jsonplaceholder.typicode.com/users).then(response {this.users response.data}).catch(error {console.log(error)})}})/script
/body
/html最终效果
