androidwebview修改
‘壹’ 关于Android WebView的那些事
[TOC]
Webkit是一个开源浏览器项目，其中，对Android开发者来说，或多或少的都有些接触。 在应用层来看，最经常使用无非这么几个类：WebView（Android中最为复杂，也是最为简单的一个View，继承自AbsoluteLayout），WebViewClient、WebChromeClient（作为回调控制类）、WebSettings（进行设置项的配置）等；Webkit内部包含了网络请求、页面渲染、Js引擎等等。在Android4.4之前的版本中，系统使用的是Webkit内核，其后，切换到Google的Chromium内核。本文主要介绍的是在Android中，如何使用Webkit进行H5页面的展现，以及常见问题的分析手段。
下面的内容抄自网络 & 乱七八糟的地方，简单了解一下。
<b><i>前面都是吹牛逼的信息，如何使用Webkit来更好的搬砖？ 且听如下分解</i></b>
XML布局中丢一个 <WebView> 标签，然后再 Activity 或者 Fragment 中 findViewById ，进而 loadUrl ，一般也没人这么简单的用，除非写Demo。很简单，它就是一个Layout，提供了一个调用加载页面的接口，不写范例了，能看到这篇文章的都看过Google的API说明。
主要涉及到WebView和WebSettings两个类。
例如：
其实就是WebView的父类ViewGroup和View的方法，不多说了。不过需要注意的是，不是所有的View或ViewGroup的方法对WebView都生效。
列举几类常用的，几乎所有App的 WebView 都会设置的属性：
</br>
如何处理页面跳转以及特殊 Scheme
这个回调可以说是最容易出问题的一个回调，表示什么？ 字面意思，让你重写这个URL 的loading，比如点击html打电话的一个 <a href=“tel：110”> 标签，作为一个有节操、有责任心的浏览器，你需要处理 H5常用的几个Scheme ：
除此之外，还有各个应用自定义的scheme ，举个例子，支付宝的支付Scheme ： alipay： 。 这里的返回值，就代表你有没有能力处理这个url，没有的话Webkit就默认处理了。
需要注意的是，这个回调的触发的绝大多数情况是点击页面的 <a href="xxxx"> a标签，在Android中 loadUrl("http://www..com") ，是不会回调的，为什么不会回调，各位自行理解吧。
超链接 <a> 标签怎么写： 点我
特别说下窗口常见的两种打开方式：
针对单页模式的WebView框架(所有的html窗口均使用同一个WebView实例)，不需要关注target的。
如果作为一个成熟的浏览器框架的话，是需要支持Html、javaScript使用新窗口打开页面，需要实现如下回调：
还有一个相关设置项： WebSettings.
此时，系统将不会再回调 shouldOverrideUrlLoading 。新窗口逻辑的具体实现机制，可以参考系统browser实现逻辑。
<b> 这里有个坑 </b>
Android 4.4版本 ，如果实现了onCreateWindow，也就是说页面 <a> 标签是这么写的： <a href="http://www..com" target="_blank"> ，点击此链接打开的新WebView窗口，此窗口中的url点击，是不会触发 shouldOverrideUrlLoading 。 这是刚替换成Chrominum内核出的一个bug。本人并没在新版本上验证是否已经修复。
另外，根据不同的Rom，底层实现是不一样的，有的ROM会帮你处理各种调起scheme，也就是startActivity，有的ROM点一个url，就会抛一个intent出来，让用户选择系统浏览器进行加载。
系统默认，提供了一个接口:
有什么安全隐患呢？
戳这里
如果不知道Js怎么写， 请戳我
用PC的截图意思一下，看出区别了吧。 这里确定、取消点击以后就得调用 JsResult、JsPromptResult 的 confirm或者cancel。
因为安全问题，大一些的App Native与Js通信都不再用 WebView.addJavascriptInterface(Object) 了，都改用JsPrompt，因为JsPrompt中有message、有JsPromptResult可以返回给Js一些信息，所以桥选中了JsPrompt，另一个备选方案是JsConsole。
大体有这么几种方式进行传递
具体方案实现时，多方面考虑使用何种方式。
还有一个比较牛逼的
系统源码中均有方法注释，怎么用自己看吧。
那么问题来了
查了下，只有这两个相关的：
WebBackForwardList BackForwardList()
void clearHistory()
系统提供的关于历史记录的操作并不多，因为，不支持单条删除啊，啊啊啊！
WebViewClient中，还有一个相关callback，当系统更新历史记录时回调：
void doUpdateVisitedHistory(WebView view, String url, boolean isReload)
<b>相关问题分析法：历史栈回退错误的定位</b>
绝大多数回退错误是由于接口调用、回调中逻辑执行时序错误。
定位方法：利用 BackForwardList ， doUpdateVisitedHistory 两个接口在 loadUrl、onPageStart、onPageFinish 以及逻辑相关的地方调用，打log，查看历史栈，这里注意下由于loarl是异步的，需要考虑是否加延迟等等保证调用时机的准确。
本人曾经遇到一个问题：在WebChromeClient中的 JsPrompt回调中，直接进行WebView.goBack操作，结果发现WebView确实回退到上一个页面，但是BackFowardList当前页面的index未更新的问题，具体见另一个篇blog。
网上有很多关于WebView内存泄露的讨论，据传，老版本的WebView在展示大量图片的时候，即使 WebView.destory() WebView=null ，也不会销毁。
在新版本上，实际测试结果：compileSDKVersion 23 不会泄露。
一般，我们如何销毁WebView比较保险？
这个问题好大。。。
暂时不介绍，另起blog进行说明。
解决方案：
实现回调 void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)
首先，提几个需要注意的点：
个人归纳总结几点：
step1 进入开发者模式，勾选“显示布局边界”；
step 2，回到你想查看的界面； step 3 假如内容区只有一层基本就是H5 WebView的，多个层级，就是Native。
看到左右图的差异了吧。
还有另一种方法，RD屌丝们看这里，特别说明，这种方法不太适合浏览器。 （自有内核，可能会不准确）
好了，就介绍到这里，零零散散的几年前写的文章，第一篇blog，如有不对的地方，还恳请大家指正。
‘贰’ android webview 怎么更改a标签里面的数据
已经解决了 Uri.parse(url).getFragment(); 就可以拿到了，我来拿分了 哈哈哈
‘叁’ android webview 怎么更改a标签或者获得里面的数据
Web与html交互分为2个部分：
1、 android端的webview控制，以及数据交互工具类
2、 html页面的javascript
同样，页面交互是双向的，所以有如下两种操作：
1、 通过android应用程序，调用html页面的javascript，完成修改html等操作。
2、 通过html页面javascript调用android端工具类，达到html页面数据回传给android应用处理。
//与html页面交互工具类
util = new WebFormUtil(this, webView);
//webview初始化
webView = (WebView) findViewById(R.id.webView);
WebSettings webSettings = webView.getSettings();
‘肆’ android webview-android的webview怎么修改网页字体颜色和背景
webView是一个类似于浏览器的组件，本身不能修改网页字体和背景，你需要在html页面里面设置字体和背景，用css控制一下就可以了！
‘伍’ android webview默认屏幕为中像素密度怎么修改
webview中右下角的缩放按钮能不能去掉
settings.setDisplayZoomControls(false);
//隐藏webview缩放按钮
让Webview加载的页面居中显示有我知道的几种方法
第一种方法：
WebSettings
settings
=
webView.getSettings();
settings.setLayoutAlgori...
‘陆’ android webview 怎么更改a标签或者获得里面的数据
Web与html交互分为2个部分：
1、 android端的webview控制，以及数据交互工具类
2、 html页面的javascript
同样，页面交互是双向的，所以有如下两种操作：
1、 通过android应用程序，调用html页面的javascript，完成修改html等操作。
2、 通过html页面javascript调用android端工具类，达到html页面数据回传给android应用处理。
//与html页面交互工具类
util = new WebFormUtil(this, webView);
//webview初始化
webView = (WebView) findViewById(R.id.webView);
WebSettings webSettings = webView.getSettings();
//允许执行javascript语句
webSettings.setJavaScriptEnabled(true);
//允许允许插件
webSettings.setPluginsEnabled(true);
//html页面大小自适应
webSettings.setDefaultZoom(WebSettings.ZoomDensity.FAR);
//指定在html页面中，javascript通过调用mtsinfo，来调用util工具类
webView.addJavascriptInterface(util, "mtsinfo");
webView.loadUrl("file://" + UNZIPDIR + "/" + index[indexId]);
//指定webview显示规则
webView.setWebViewClient(new WebViewClientEmb());
public class WebViewClientEmb extends WebViewClient {
// 在WebView中而不是系统默认浏览器中显示页面
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
// 页面载入前调用
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon){
super.onPageStarted(view, url, favicon);
}
// 页面载入完成后调用
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
}
}
‘柒’ android中的webview加载网页只想显示部分内容改怎么做
你的部分内容是指什么？我先说明下webview，它是依照你给的url加载了整个Html,所以你想显示里面的一部分是没办法的。如果你想说的显示部分内容是指整个html的大小，那你可以设置webview的宽度和高度
‘捌’ Android系统 WebView是什么有什么用
现在越来越多的APP都内置了Web网页去加载视图，也就是我们常说的Hybrid APP混合应用，市场上很多平台都是这样做的，比如我们经常使用的淘宝、京东等电商平台。这些是如何实现的呢？在我们Android中有一个WebView组件，它就可以实现此类功能。它是Android中的原生UI控件，主要用于在APP应用中方便地访问远程网页或本地HTML资源，同时WebView也在Android中充当Java代码和JS代码之间交互的桥梁，实际上也可以将WebView看做一个功能最小化的浏览器。下面我们一起来看看WebView的一些常用的使用方法。
WebView是Android系统提供的一个能显示网页的系统控件，它是一个特殊的View，同时也是一个ViewGroup，可以有很多其他子View。在Android 4.4以下（不包含4.4）系统WebView底层实现是采用WebKit内核，而在Android 4.4及其以上Google采用了Chromium内核作为系统WebView的底层内核支持。在这一变化中Android提供的WebView相关API并没有发生较大变化，在4.4上也兼容低版本的API并且引进了少部分API。这里简单介绍下基于Chromium的WebView和基于WebKit的WebView之间的差异，基于Chromium的Webview提供了更广的HTML5、CSS3、JavaScript支持，在Android系统版本5.0上基于Chromium 37，WebView提供了绝大多数的HTML5特性支持，除此之外Chromium也支持远程调试（Chrome DevTools）。WebKit JavaScript引起采用WebCore JavaScript在Android 4.4上换成了V8能直接提升JavaScript性能。
二、作用
1、显示和渲染Web页面
2、使用html文件（网络上或本地assets中）作为布局
3、可与JavaScript交互调用
注： WebView控件功能强大，除了具有一般View的属性和设置外，还可以对Url请求、页面加载、渲染、页面交互进行强大的处理。
‘玖’ android webview 插入JS修改网页内容
JS代码：
//根据class名称获取div数组
function getClass(parent,sClass)
{
var aEle=parent.getElementsByTagName('div');
var aResult=[];
var i=0;
for(i<0;i<aEle.length;i++)
{
if(aEle[i].className==sClass)
{
aResult.push(aEle[i]);
}
};
return aResult;
}
function hideOther()
{
getClass(document,'nav-sides')[0].style.display='none';
getClass(document,'side-bar')[0].style.display='none';
getClass(document,'area-main')[0].style.display='none';
getClass(document,'home-foot')[0].style.display='none';
getClass(document,'enter')[0].style.display='none';
getClass(document,'crumb')[0].style.display='none';
getClass(document,'date-tab clearfix')[0].style.display='none';
document.getElementById('id_sidebar').style.display='none';
document.getElementById('top_nav').style.display='none';
document.getElementById('fix-personal').style.display='none';
document.getElementById('waterlogo').style.display='none';
getClass(document,'wrap')[0].style.minWidth=0;
getClass(document,'game')[0].style.paddingTop=0;
}
然后在WebViewClient的onPageFinished判断url，加载我们的js代码。
然后你的设置webview即可。
@Override
public void onPageFinished(WebView view, String url) {
if(url!=null && url.contains("/p/resource/weapon/iProctID/39")){
String fun="javascript:function getClass(parent,sClass) { var aEle=parent.getElementsByTagName('div'); var aResult=[]; var i=0; for(i<0;i<aEle.length;i++) { if(aEle[i].className==sClass) { aResult.push(aEle[i]); } }; return aResult; } ";
view.loadUrl(fun);
String fun2="javascript:function hideOther() {getClass(document,'nav-sides')[0].style.display='none'; getClass(document,'side-bar')[0].style.display='none'; getClass(document,'area-main')[0].style.display='none'; getClass(document,'home-foot')[0].style.display='none'; getClass(document,'enter')[0].style.display='none'; getClass(document,'crumb')[0].style.display='none';getClass(document,'date-tab clearfix')[0].style.display='none'; document.getElementById('id_sidebar').style.display='none'; document.getElementById('top_nav').style.display='none'; document.getElementById('fix-personal').style.display='none'; document.getElementById('waterlogo').style.display='none';getClass(document,'wrap')[0].style.minWidth=0;getClass(document,'game')[0].style.paddingTop=0;}";
view.loadUrl(fun2);
view.loadUrl("javascript:hideOther();");
}
super.onPageFinished(view, url);
}
‘拾’ Android开发之WebView（一）配置&小技巧
背景：原生时间紧没时间开发任务量大的任务，而前端又闲着打酱油
方案：原生+webview混合开发
缺点：对于比较复杂的页面，webview在性能上力不从心；且与原生通信频繁也增加了隐藏的工作量
优点：能自带支持动态更新（js），能充分利用人力
webview是一个基于webkit引擎，展示web页面的控件。Android上的webview在低版本和高版本采用了不同的webkit版本内核，Android4.4（19）后直接使用了Chrome内核；WebView控件功能强大，除了具有一般View的属性和设置外，还可以对url请求，页面加载，渲染，页面交互进行强大的处理。一般来说webview可单独使用，也可联合其工具类一起使用
移动应用的主体是webview，主要以网页语言编写，穿插Native功能的Hybrid App开发类型。激活webview为活跃状态，能正常执行网页的响应；当webview 的页面被失去焦点切换到后台不可见状态onPause时，需要通知自己暂停所有的动作，比如DOM的解析，plugin的执行，JavaScript的执行等
1，显示和渲染web页面
2，直接使用本地assets或者网络上的html文件作为布局
3，可和JavaScript进行互相调用
1，直接在布局文件里写死
2，动态添加进viewgroup中
注：不管以哪种方式，都必须注意webview的销毁，否则可能会造成内存泄漏最终导致内存溢出crash
下面是WebView的一些常用的方法列举，一些已经过时的方法未列出
下面是WebSettings的一些常用的方法列举，一些已经过时的方法就没有写出来了
一般不管是动态生成还是xml写死，只要处理好了引用持有问题，就能有效的避免内存泄漏；下面是我尝试的方案，在工具类WebViewUtils.java里封装好，在activity销毁的时候调用
1，清除webview缓存和记录
2，可以设置不启用缓存
3，H5的一些控件标签不支持导致的白屏
4，xml启用软件加速
5，通过menifest的来配置，在目标webview的activity设置
解决方案：
解决方案：
解决方案：
上一篇： Flutter入门-01-工程创建&目录介绍