android:layout_height="match_parent" tools:context="com.ctjsoft.jxf.shop.MainActivity">
</androidx.constraintlayout.widget.ConstraintLayout>
3、修改 MainActivity 文件 重写onCreate方法:
protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //progressBar = (ProgressBar) findViewById(R.id.progressbar);//进度条
webView = (WebView) findViewById(R.id.webview); webView.getSettings().setAllowUniversalAccessFromFileURLs(true); webView.getSettings().setAllowFileAccessFromFileURLs(true); // webview的设置中添加如下代码 try { if (Build.VERSION.SDK_INT >= 16) { Class<?> clazz = webView.getSettings().getClass(); Method method = clazz.getMethod("setAllowUniversalAccessFromFileURLs", boolean.class); if (method != null) { method.invoke(webView.getSettings(), true); } } } catch (IllegalArgumentException e) { e.printStackTrace(); } catch (NoSuchMethodException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } catch (InvocationTargetException e) { e.printStackTrace(); } //webView.loadUrl("http://172.17.1.176:8082/");//加载url webView.loadUrl(API);
//使用webview显示html代码 // webView.loadDataWithBaseURL(null," 欢迎您 " + // "
使用webview显示 html代码
", "text/html" , "utf-8", null);webView.addJavascriptInterface(this, "android");//添加js监听 这样html就能调用客户端 webView.setWebChromeClient(webChromeClient); webView.setWebViewClient(webViewClient); WebSettings webSettings = webView.getSettings(); /**
- LOAD_CACHE_ONLY: 不使用网络,只读取本地缓存数据
- LOAD_DEFAULT: (默认)根据cache-control决定是否从网络上取数据。
- LOAD_NO_CACHE: 不使用缓存,只从网络获取数据.
- LOAD_CACHE_ELSE_NETWORK,只要本地有,无论是否过期,或者no-cache,都使用缓存中的数据。 */ webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//不使用缓存,只从网络获取数据. webView.getSettings().setTextZoom(100); webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);//设置js可以直接打开窗口,如window.open(),默认为false webView.getSettings().setJavaScriptEnabled(true);//是否允许执行js,默认为false。设置true时,会提醒可能造成XSS漏洞 webView.getSettings().setSupportZoom(true);//是否可以缩放,默认 webView.getSettings().setBuiltInZoomControls(true);//是否显示缩放按钮,默认false webView.getSettings().setUseWideViewPort(true);//设置此属性,可任意比例缩放。大视图模式 webView.getSettings().setLoadWithOverviewMode(true);//和setUseWideViewPort(true)一起解决网页自适应问题 webView.getSettings().setAppCacheEnabled(true);//是否使用缓存 webView.getSettings().setDomStorageEnabled(true);//DOM Storage }
配置WebviewClient
//WebViewClient主要帮助WebView处理各种通知、请求事件 private WebViewClient webViewClient = new WebViewClient() { @Override public void onPageFinished(WebView view, String url) {//页面加载完成 //progressBar.setVisibility(View.GONE); }
public void onPageStarted(WebView view, String url, Bitmap favicon) {//页面开始加载 //progressBar.setVisibility(View.VISIBLE); }
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) @Override public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) { Log.i("ansen", "拦截url:" + request.getUrl()); return super.shouldOverrideUrlLoading(view, request); }
};
//WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等 private WebChromeClient webChromeClient = new WebChromeClient() { //不支持js的alert弹窗,需要自己监听然后通过dialog弹窗 public boolean onJsAlert(WebView webView, String url, String message, JsResult result) { AlertDialog.Builder localBuilder = new AlertDialog.Builder(webView.getContext()); localBuilder.setMessage(message).setPositiveButton("确定", null); localBuilder.setCancelable(false); localBuilder.create().show();
//注意: //必须要这一句代码:result.confirm()表示: //处理结果为确定状态同时唤醒WebCore线程 //否则不能继续点击按钮 result.confirm(); return true; }
//获取网页标题 @Override public void onReceivedTitle(WebView view, String title) { super.onReceivedTitle(view, title); Log.i("ansen", "网页标题:" + title); }
最后笔者收集整理了一份Flutter高级入门进阶资料PDF
以下是资料目录和内容部分截图
![]()
里面包括详细的知识点讲解分析,带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程,让你秒变大前端。学不会来打我!
以上资料皆无偿分享,领取方式:点击我的GitHub即可免费获取