分类：webview

2021
04-07

Android WebView如何判定网页加载的错误

一前言在WebView加载网页的过程中，有时会页面加载不出来的情况，如下：那么如何知道网页加载错误了呢？二解决方法webview.webViewClient=object:WebViewClient(){overridefunonPageFinished(view:WebView?,url:String?){super.onPageFinished(view,url)Log.d(TAG,"onPageFinished:")}overridefunonReceivedError(view:WebView?,request:WebResourceRequest?,error... 继续阅读 >

2021
03-23

Android webView字体突然变小的原因及解决

背景最近，端内在做webView统一的时候，个性签名中的WebView替换为CustomWebView之后，发现字体突然变小。一开始不知道是什么原因，通过二分法查找最近的提交，排查之后，发现是SignatureWebView的继承关系从WebView修改为CustomWebView。revert之后就正常了。于是，我问自己，为什么会这样呢？原因分析我们知道，WebViewSetting里面是可以修改WebView的一些默认设置的。阅读官方文档，发现setLoadWithOverviewMod... 继续阅读 >

2021
03-23

Android 解决WebView多进程崩溃的方法

问题在android9.0系统上如果多个进程使用WebView需要使用官方提供的api在子进程中给webview的数据文件夹设置后缀：WebView.setDataDirectorySuffix(suffix);否则将会报出以下错误：UsingWebViewfrommorethanoneprocessatoncewiththesamedatadirectoryisnotsupported.https://crbug.com/5583771com.android.webview.chromium.WebViewChromiumAwInit.startChromiumLocked(WebViewChromiumAwInit.java:63)2com.an... 继续阅读 >

2021
01-24

Android 中 WebView 的基本用法详解

加载URL(网络或者本地assets文件夹下的html文件)加载html代码Native和JavaScript相互调用加载网络URLwebview.loadUrl(https://www.baidu.com/);加载assets下的html文件webview.loadUrl(file:///android_asset/test.html);加载html代码//两个代码差不多//偶尔出现乱码webview.loadData();//比上面的好一些,可以友好解决编码问题webview.loadDataWithBaseURL();网页的前进后退//网页是否可以后退webview.canG... 继续阅读 >

2020
12-14

详解Android WebView监听console错误信息

根据需求，我们要拿到h5的错误信息，并将error信息进行上报。查询了下AndroidWebView的API发现了WebChromeClient这个方法可以满足要求：@OverridepublicbooleanonConsoleMessage(ConsoleMessageconsoleMessage){//获取log的级别switch(consoleMessage.messageLevel()){caseERROR://将error信息上报到服务端LogUtil.logE("webview==",consoleMessage.message()+"level="+consoleMessage.messageLevel());... 继续阅读 >

2020
10-10

Android webView如何输出自定义网页

这次来使用webview输出网页型数据。因为这样的数据好使用富文本编辑器，有各种各样的拓展。上代码：packagecontroller.hzl.com.testcall;importandroid.content.Intent;importandroid.support.v7.app.AppCompatActivity;importandroid.os.Bundle;importandroid.webkit.WebView;importandroid.webkit.WebViewClient;importandroid.widget.Toast;publicclassMainActivityextendsAppCompatActivity{privateWebViewweb... 继续阅读 >

2020
10-10

Vue.js暴露方法给WebView的使用操作

新建一个外部公共的js文件app.js，定义一个对象并输出，如下：varhybrid={}window.Hybrid=hybridif(window.Vue){window.Vue.use(hybrid)}export{hybrid}在需要的文件中引入app.js或者在main.js引入app.js，如下（引入到main.js）：import{hybrid}from'./common/app'Vue.prototype.$hybrid=hybrid将需要暴露的方法赋给hybrid对象，如下：补充知识：将Vue项目methods中的方法暴露在window上我是一个H5,咱们在... 继续阅读 >

2020
10-08

uniapp与webview之间的相互传值的实现

1.uni-app如何发送数据到H5？其实很接单、在web-view中只需要通过URL就可以向H5进行传参例如在uni-app中：<template><viewclass="advertisement"style="width:100%;"><web-view:src="url"@message="message"></web-view></view></template><script>exportdefault{data(){return{url:'/hybrid/html/local.html?data='};},onLoad(data){<br>//这里对要... 继续阅读 >

2020
09-27

Flutter使用JsBridge方式处理Webview与H5通信的方法

目前，移动跨平台开发作为移动开发的重要组成部分，是移动开发者必须掌握的技能，也是自我提升的重要手段。作为Google推出的跨平台技术方案，Flutter具有诸多的优势，已经或正在被广大开发者应用在移动应用开发中。在过去的2019年，我看到越来越多的公司和个人开始使用Flutter来开发跨平台应用，对于移动应用开发来说，Flutter能够满足几乎所有的业务开发需求，所以，学习Flutter正当时。众所周知，使用Flutter进行项目开发时，就... 继续阅读 >

2020
09-24

解决WebView通过URL加载H5界面出现空白的问题

1.权限问题：在配置文件中需要设置网络权限<uses-permissionandroid:name="android.permission.INTERNET"/>2.基本配置问题WebSettingswebSettings=webView.getSettings();//支持缩放，默认为true。.setUseWideViewPort(true);//缩放至屏幕的大小webSettings.setLoadWithOverviewMode(true);//设置默认编码webSettings.setDefaultTextEncodingName("utf-8");////设置自动加载图片webSettings.setLoadsImagesAutomatica... 继续阅读 >

2020
09-24

解决Android webview设置cookie和cookie丢失的问题

Android页面嵌套了一个h5，H5页面内部有用户登陆页面，发现h5页面的登陆功能无法使用，一直登陆失败。和web那边商量一会，发现js写入的cookie丢失了。所有需要Android这边在重写写入一次。mWebView=view.findViewById(R.id.mall_view);settings=mWebView.getSettings();settings.setJavaScriptEnabled(true);settings.setLoadsImagesAutomatically(true);settings.setDomStorageEnabled(true);//不缓... 继续阅读 >

2020
09-24

Android中webView加载H5绑定cookie实例

简介：我最近在做项目的时候遇到了这种情况：1.需要用WebView实现一个H5的登陆注册。2.大赛报名，用H5实现。这些情况下，我需要把cookie传给服务器，让其判断当前账户是否登陆成功。查阅了一些资料后，终于搞定了。1.给一个加载的链接设置cookieprivatevoidsyncCookie(Stringurl){try{CookieSyncManager.createInstance(mWvSignUp.getContext());//创建一个cookie管理器CookieManagercookieManager=CookieManager.... 继续阅读 >

2020
09-24

Android WebView通过动态的修改js去拦截post请求参数实例

需求背景:需要在用户点击提交按钮的时候拦截用户提交的数据。遇到的问题:1.页面不是自家前端做的,不能修改网页中的代码2.要拦截的请求不是get请求,而是一个post请求(难点在于:如果拦截的请求是get请求的话,我只需要拿到url,将后面拼接的参数键值对取出来就好了,但是post请求的参数键值对我们是看不到的。。。)解决重点:重写webViewClient的shouldInterceptRequest这个方法1.这个方法是API21以后才出现的,还有一个过时的方法也要重... 继续阅读 >

2020
09-24

Android webview注入JS代码 修改网页内容操作

今天开发的时候遇到一个需求，就是需要隐藏webview的元素，鼓捣了半天在stackoverFlow找到了解决办法在此记录一下finalWebViewwebview=(WebView)findViewById(R.id.browser);webview.getSettings().setJavaScriptEnabled(true);webview.setWebViewClient(newWebViewClient(){@OverridepublicvoidonPageFinished(WebViewview,Stringurl){//hideelementbyclassnamewebview.loadUrl("javascript:(func... 继续阅读 >

2020
09-24

Android WebView 内处理302重定向不跳转的解决

最近项目中Webview加载第三方的具有302的重定向，但是却发现却没有重新跳转。最后发现问题如下：publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){super.shouldOverrideUrlLoading(view,url);.................returntrue；｝发现最后返回的true，所以导致不会重定向跳转，只要返回fasle就可以重定向跳转了，如果你某些情况下需要，返回true自己处理一些url那你完全可以自己做判断。那么retur... 继续阅读 >

2020
09-24

Android实现WebView点击拦截跳转原生

1.首先设置Web视图webview.setWebViewClient(newMyWebViewClient());webview1.setWebViewClient(newMyWebViewClient());2.拦截点击的链接，跳转到对应的页面//监听所有点击的链接，如果拦截到我们需要的，就跳转到相对应的页面。privateclassMyWebViewClientextendsWebViewClient{@OverridepublicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){Log.e("tsg","url==="+url);//这里进行url拦截... 继续阅读 >