android开发web,Android开发web开发人工智能

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

关于Android WebView的那些事

[TOC]

Webkit是一个开源浏览器项目，其中，对Android开发者来说，或多或少的都有些接触。在应用层来看，最经常使用无非这么几个类：WebView（Android中最为复杂，也是最为简单的一个View，继承自AbsoluteLayout），WebViewClient、WebChromeClient（作为回调控制类）、WebSettings（进行设置项的配置）等；Webkit内部包含了网络请求、页面渲染、Js引擎等等。在Android4.4之前的版本中，系统使用的是Webkit内核，其后，切换到Google的Chromium内核。本文主要介绍的是在Android中，如何使用Webkit进行H5页面的展现，以及常见问题的分析手段。

下面的内容抄自百度百科乱七八糟的地方，简单了解一下。

bi前面都是吹牛逼的信息，如何使用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("") ，是不会回调的，为什么不会回调，各位自行理解吧。

超链接 a 标签怎么写：点我

特别说下窗口常见的两种打开方式：

针对单页模式的WebView框架(所有的html窗口均使用同一个WebView实例)，不需要关注target的。

如果作为一个成熟的浏览器框架的话，是需要支持Html、JavaScript使用新窗口打开页面，需要实现如下回调：

还有一个相关设置项： WebSettings.setJavaScriptCanOpenWindowsAutomatically

此时，系统将不会再回调 shouldOverrideUrlLoading 。新窗口逻辑的具体实现机制，可以参考系统browser实现逻辑。

b 这里有个坑 /b

Android 4.4版本，如果实现了onCreateWindow，也就是说页面 a 标签是这么写的： a href="" 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 copyBackForwardList()

void clearHistory()

系统提供的关于历史记录的操作并不多，因为，不支持单条删除啊，啊啊啊！

WebViewClient中，还有一个相关callback，当系统更新历史记录时回调：

void doUpdateVisitedHistory(WebView view, String url, boolean isReload)

b相关问题分析法：历史栈回退错误的定位/b

绝大多数回退错误是由于接口调用、回调中逻辑执行时序错误。

定位方法：利用 copyBackForwardList ， doUpdateVisitedHistory 两个接口在 loadUrl、onPageStart、onPageFinish 以及逻辑相关的地方调用，打log，查看历史栈，这里注意下由于loadurl是异步的，需要考虑是否加延迟等等保证调用时机的准确。

本人曾经遇到一个问题：在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，如有不对的地方，还恳请大家指正。

相关问答

Q1: 请问安卓开发和web开发哪个是趋势？

其实稍微查看一下相关资讯就会不难发现，现在安卓的市场基本已经饱和稳定，现在市场对入门级的安卓人才需求不是很大。很多大公司的移动端人员都很稳定，不会出现大面积流动，而很多中小型公司已经放弃移动端了，因为APP推广成本现在是给长，并且大部分传统行业的app已经呈现垄断情况。说实话，进军web前端现在不是最好的时机，在前几年H5大热的时候，只要你懂一点css样式就有大把的公司等着要你，现在web前端学的人多了，你只懂一点点基础的话还是很难就业的。但是相比较安卓，web前端的需求摆在那里，肯定比安卓开发的发展前景要光明轻松一些，毕竟一家公司可以没有APP，但是不能连一个官网或者后台管理系统都没有呀。就目前来说肯定是Web前端应用场景更加广泛，PC、移动端等都有它的存在，低廉的运营和维护成本让他受到很多公司的喜爱，而安卓相比之现下就比较局限，并且微信小程序在很大程度上成为了原生APP的一种简陋的替代品，对安卓的冲击很大，并且安卓现在发展比较偏于高级开发者。所以到底是做安卓还是前端还取决你对哪个有兴趣，真的有信心有毅力学到精通;或者是之前你学的是什么内容，有哪方面的基础。比如你之前学过算法，javaSE等等，你完全可以去学安卓，这个转化的过程是很流畅的;但是如果你之前没有任何计算机语言相关基础，或者是学的艺术类，那么选择web前端去学会比较轻松，毕竟前端入门还是很简单的。并且后期也会涉及到设计类的东西，或者想转设计类，有良好的审美会是你的一大优势。所以说，那么从哪一门入手IT确实比较关键，对自身的天赋发挥和以后的发展还是有着深远的影响。不过回到问题本身，像安卓、前端、IOS等等都是开发的一个分支，一种表现形式。最核心还是编程能力，也就是对算法、数据结构、数据库、编程语言等的掌握。无论是安卓还是前端，学到精通，深入学习，最后会发现有很多东西都是相通的

Q2: 安卓开发和web前端哪个更有前景

就目前来说肯定是Web前端应用场景更加广泛，PC、移动端等都有它的存在，低廉的运营和维护成本让他受到很多公司的喜爱，而安卓相比之现下就比较局限，并且微信小程序在很大程度上成为了原生APP的一种简陋的替代品，对安卓的冲击很大，并且安卓现在发展比较偏于高级开发者。

Q3: web前端开发和安卓开发哪个更难

web前端开发和安卓开发都不算很容易，学无止境，都需要付出相应的努力和不断的学习。但相对来说，web前端开发更热门一些。学习web前端开发推荐千锋教育！千锋教育，师资力量雄厚，教学质量优质，值得信赖。

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。前端开发从网页制作演变而来，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。千锋教育在前端开发这方面口碑不错，获众多学员的一致好评！

想要了解更多有关于web前端开发的相关信息，推荐咨询千锋教育。千锋教育目前已与国内20000余家IT相关企业建立人才输送合作关系，每年培养泛IT人才近2万人，十年间累计培养超10余万泛IT人才，累计向互联网输出免费教学视频950余套，累积播放量超9800万余次。每年有数百万名学员接受千锋组织的技术研讨会、技术培训课、网络公开课及学科视频等服务，得到广大学员一致认可。

Q4: 安卓开发和web前端哪个好

android开发是指android平台上应用的制作，Android早期由"Android之父"之称的Andy Rubin创办，Google于2005年并购了成立仅22个月的高科技企业Android，展开了短信、手机检索、定位等业务，基于Linux的通用平台进入了开发。

软件开发需要掌握的知识体系有:Unix/Linux平台技术、企业级数据库技术、Java 语言核心技术、软件工程和设计模式、Android应用开发基础、互联网核心技术、Android系统级开发、JavaEE核心技术。

Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。

以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

前端的难度相对要小很多，很多人都不认为前端算是程序员（歧视链的底部，仅专略高于美工UI），觉得那属不过是HTML+。

不过同级别的薪资也不如安卓、ios开发。但是人才市场上前端更稀缺，因为从业者相对于需求来说更少，很少专门的培训班，主要要靠兴趣+自学。

如果有耐心和毅力，长远上看iOS开发更好，iphone开发未来几年还是很被重视的，程序员可以升级到CTO等高官级别。如果想快速的话就前端吧。当然先前端后再学手机开发也可以，技多不压身。

Q5: 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的一些控件标签不支持导致的白屏