正在做的项目用系统webview不能满足兼容问题,试了腾讯的TBS和CrossWalk框架,还是不能解决问题。在一个H5界面的一个图片跳转链接上(前端说用的是angular框架),无论是用TBS还是用CrossWalk都会出现部分机型点击无响应的问题,严重的甚至出现点击闪退的情况。苦苦百度了许久仍没有找到更多的方案,后来想到直接在github上搜索试试看,于是让我发现了这个框架,一下子解决了我的问题。这个框架就是https://github.com/Justson/AgentWeb
AgentWeb是对系统WebView的封装,解决了常见的兼容问题和其他问题,不过用起来稍微有一点复杂,我自己改了一下demo当中的fragment,记录一下:
implementation 'com.just.agentweb:agentweb:4.0.2'
public class AgentWebFragment extends Fragment {public AgentWeb mAgentWeb;@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {return inflater.inflate(R.layout.fragment_agent_webview, container, false);}@Overridepublic void onViewCreated(View view, @Nullable Bundle savedInstanceState) {super.onViewCreated(view, savedInstanceState);String url = "https://m.vip.com/?source=www&jump_https=1";mAgentWeb = AgentWeb.with(this)//.setAgentWebParent((LinearLayout) view, -1, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT))//传入AgentWeb的父控件。.useDefaultIndicator(-1, 3)//设置进度条颜色与高度,-1为默认值,高度为2,单位为dp。.setSecurityType(AgentWeb.SecurityType.STRICT_CHECK) //严格模式 Android 4.2.2 以下会放弃注入对象 ,使用AgentWebView没影响。.setMainFrameErrorView(R.layout.agentweb_error_page, -1) //参数1是错误显示的布局,参数2点击刷新控件ID -1表示点击整个布局都刷新, AgentWeb 3.0.0 加入。.setOpenOtherPageWays(DefaultWebClient.OpenOtherPageWays.DISALLOW)//打开其他页面时,弹窗质询用户前往其他应用 AgentWeb 3.0.0 加入。.interceptUnkownUrl() //拦截找不到相关页面的Url AgentWeb 3.0.0 加入。.createAgentWeb()//创建AgentWeb。.ready()//设置 WebSettings。.go(url); //WebView载入该url地址的页面并显示。AgentWebConfig.debug();// AgentWeb 4.0 开始,删除该类以及删除相关的API
// DefaultMsgConfig.DownloadMsgConfig mDownloadMsgConfig = mAgentWeb.getDefaultMsgConfig().getDownloadMsgConfig();// mDownloadMsgConfig.setCancel("放弃"); // 修改下载提示信息,这里可以语言切换// AgentWeb 没有把WebView的功能全面覆盖 ,所以某些设置 AgentWeb 没有提供 , 请从WebView方面入手设置。mAgentWeb.getWebCreator().getWebView().setOverScrollMode(WebView.OVER_SCROLL_NEVER);//mAgentWeb.getWebCreator().getWebView() 获取WebView .// mAgentWeb.getWebCreator().getWebView().setOnLongClickListener();mAgentWeb.getWebCreator().getWebView().getSettings().setJavaScriptEnabled(true);
// webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);//优先使用网络mAgentWeb.getWebCreator().getWebView().getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//将图片调整到适合webview的大小mAgentWeb.getWebCreator().getWebView().getSettings().setUseWideViewPort(true);//支持内容重新布局mAgentWeb.getWebCreator().getWebView().getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);//支持自动加载图片mAgentWeb.getWebCreator().getWebView().getSettings().setLoadsImagesAutomatically(true);//当webview调用requestFocus时为webview设置节点mAgentWeb.getWebCreator().getWebView().getSettings().setNeedInitialFocus(true);//自适应屏幕mAgentWeb.getWebCreator().getWebView().getSettings().setUseWideViewPort(true);mAgentWeb.getWebCreator().getWebView().getSettings().setLoadWithOverviewMode(true);//开启DOM storage API功能(HTML5 提供的一种标准的接口,主要将键值对存储在本地,在页面加载完毕后可以通过 javascript 来操作这些数据。)mAgentWeb.getWebCreator().getWebView().getSettings().setDomStorageEnabled(true);//支持缩放mAgentWeb.getWebCreator().getWebView().getSettings().setBuiltInZoomControls(true);mAgentWeb.getWebCreator().getWebView().getSettings().setSupportZoom(true);//允许webview对文件的操作mAgentWeb.getWebCreator().getWebView().getSettings().setAllowFileAccess(true);mAgentWeb.getWebCreator().getWebView().getSettings().setAllowFileAccessFromFileURLs(true);mAgentWeb.getWebCreator().getWebView().getSettings().setAllowUniversalAccessFromFileURLs(true);mAgentWeb.getWebCreator().getWebView().setOnKeyListener(new View.OnKeyListener() {@Overridepublic boolean onKey(View v, int keyCode, KeyEvent event) {if (event.getAction() == KeyEvent.ACTION_DOWN) {if (keyCode == KeyEvent.KEYCODE_BACK && mAgentWeb.getWebCreator().getWebView().canGoBack()) { // 表示按返回键时的操作mAgentWeb.getWebCreator().getWebView().goBack(); // 后退// webview.goForward();//前进return true; // 已处理} else if (keyCode == KeyEvent.KEYCODE_BACK) {getActivity().moveTaskToBack(true);}}return false;}});}@Overridepublic void onResume() {mAgentWeb.getWebLifeCycle().onResume();//恢复super.onResume();}@Overridepublic void onPause() {mAgentWeb.getWebLifeCycle().onPause(); //暂停应用内所有WebView , 调用mWebView.resumeTimers();/mAgentWeb.getWebLifeCycle().onResume(); 恢复。super.onPause();}@Overridepublic void onDestroyView() {mAgentWeb.getWebLifeCycle().onDestroy();super.onDestroyView();}}
布局文件fragment_agent_webview:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"></LinearLayout>
神奇吧,布局文件都不需要写webview,而且还自带加载进度条。
其他功能暂时没有去测,期待更多惊喜。
PS:如果加载网页明明一开始成功了但最后出现“出错啦!点击空白处刷新~”的界面,不要慌,请看我下一篇博文:android webview加载网页错误net::ERR_UNKNOWN_URL_SCHEME