商品名称：
评价得分：
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
多品类齐全，轻松购物
快多仓直发，极速配送
好正品行货，精致服务
省天天低价，畅选无忧android开发AngularJS & WebView 混合应用遇到的问题
五月 12th, 2017
混合应用，可以理解为html5 + app，我个人认为这种开发方式很适合小型企业，中大型的一般都有完整的开发团队，所以他们开发原生的根本不是问题，但是为了给企业节约维护成本，比如公司的一个官网、门户网站、网店等等，都可以使用混合应用去实现，app的WebView框架比较简单，一般开发出来只需要维护html5网站就可以了，更新基本不涉及到app的源代码，这样公司只需要2个程序员基本可以搞定。
创建简单的混合应用，首先需要一个WebView控件：
mWebView.loadUrl(uri);
mWebView.setWebViewClient(new WebViewClient());//WebViewClientServer类可以拦截webview的一些错误，可以在这里面拦截后进行显示；
可能你需要对应用进行简单的配置：
WebSettings webSettings =
mWebView.getSettings();
webSettings.setJavaScriptEnabled(true); //允许javascript代码
webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);//关闭缓存
webSettings.setAllowFileAccess(true);//允许读取文件
webSettings.setAllowContentAccess(true);
webSettings.setSupportZoom(false);//禁止缩放
webSettings.setDomStorageEnabled(true);//开启本地数据库储存
webSettings.setDatabaseEnabled(true);
webSettings.setAppCachePath(getApplicationContext().getCacheDir().getAbsolutePath());
webSettings.setAppCacheEnabled(true);
又或许，你需要：
mWebChromeClientServer = WebChromeClientServer.getInstance(mContext,mToolbar,mRefresh);
mWebView.setWebChromeClient(mWebChromeClientServer);
WebChromeClient我把它直接改写了一个类，因为太多方法需要在里面实现了。
最主要的可能是onShowFileChooser这个方法，就是input type=file的时候需要用到的，但是只支持4.4.2以上的系统，我测试过4.4.2以下无效，网上说&4.4.2系统的是调用
openFileChooser这个方法，但是别找了，也无效，最后不得不放弃，但是可以使用js调java的接口，然后通过app进行图片上传，传送完毕后用WebView.loadUrl(Javascript function)；方法把服务器返回的数据传输给网页端。
public boolean onShowFileChooser(WebView webView, ValueCallback&Uri[]& filePathCallback, FileChooserParams fileChooserParams) {
if (mFilePathCallback != null) {
mFilePathCallback.onReceiveValue(null);
mFilePathCallback = filePathC
startOnResult(FILECHOOSER_RESULTCODE5);
* 由于android & 5.0 以下均无法使用onShowFileChooser的方法,所以,这里直接使用js调用
* @param uploadMsg
public void openFileChooser(ValueCallback&Uri& uploadMsg) {
if (mUploadMessage != null) {
//mUploadMessage.onReceiveValue这个方法我实现了，把数据传递给网页端，这里的代码保持跟onShowFileChooser一样，为了让其他人方便理解
mUploadMessage.onReceiveValue(null);
mUploadMessage = uploadM
startOnResult(FILECHOOSER_RESULTCODE4);
再智能一点，加入javacript对象调java对象：
mWebView.addJavascriptInterface(new WebJavaScroptInterface(mContext,mWebChromeClientServer,mWebView),"JsObject");
WebJavaScroptInterface是我写的一个java类，所有的方法，只要使用public的方法并且注释@JavascriptInterface，网页端是可以直接调用的，JsObject就是调取的对象名字。
如果上传文件到最后都用不了，可以试试在proguard-rules.pro文件中增加几行代码：
-keep class android.webkit.JavascriptInterface {*;}
-keepclassmembers class * extends android.webkit.WebChromeClient {
public void openFileChooser(...);
-keepclassmembers class com.suisuilam.app.interfaces.WebJavaScroptInterface {
Posted byAlan既然生，就生如夏花之绚烂；淡然死，却死若秋叶之静美！
Latest Posts
八月 27th, 2015&&&&&Ionic实战：基于AngularJS的移动混合应用开发&
邀请好友参加吧
版 次：1页 数：10字 数：100印刷时间：日开 本：16开纸 张：胶版纸包 装：平装是否套装：否国际标准书号ISBN：4所属分类：&&&
下载免费当当读书APP
品味海量优质电子书，尊享优雅的阅读体验，只差手机下载一个当当读书APP
本商品暂无详情。
当当价：为商品的销售价，具体的成交价可能因会员使用优惠券、积分等发生变化，最终以订单结算页价格为准。
划线价：划线价格可能是图书封底定价、商品吊牌价、品牌专柜价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品曾经展示过的销售价等，由于地区、时间的差异化和市场行情波动，商品吊牌价、品牌专柜价等可能会与您购物时展示的不一致，该价格仅供您参考。
折扣：折扣指在划线价（图书定价、商品吊牌价、品牌专柜价、厂商指导价等）某一价格基础上计算出的优惠比例或优惠金额。如有疑问，您可在购买前联系客服咨询。
异常问题：如您发现活动商品销售价或促销信息有异常，请立即联系我们补正，以便您能顺利购物。
当当购物客户端手机端1元秒
当当读书客户端万本电子书免费读Ionic+Angularjs+Cordova开发跨平台混合式移动应用 - CSDN博客
Ionic+Angularjs+Cordova开发跨平台混合式移动应用
1、& 为什么用ionic+angularjs+cordova开发手机应用？
如果使用原生语言如JAVA、C++、Objective-C等开发语言，学习成本高、开发进度慢，但是ionic+angularjs+cordova组合的诞生使app开发变得更加简单、迅速。
Ionic是H5前端框架，简单易学、易用，对于已经掌握了html+css的同学来学习起来更加轻松，angualrjs是近两年来兴起的相当火的一个MVC js框架，也是易学易用，而且功能还十分的强大，cordova则是一个开源项目，提供了大量的原生插件，并且提供了js调用接口，使用简单，功能丰富。
2、& 什么是Hybrid-app？
Hybrid-app即混合式移动应用，简单讲就是原生应用之中嵌入了网页语言，看起来像Native-app 但是内部功能部分实现又使用到了网页，大家比较熟悉的QQ、淘宝、京东、百度;QQ空间等功能就是使用网页语言实现的。
下一节开始搭建环境，并创建自己的第一个手机app
本文已收录于以下专栏：
相关文章推荐
目前的手机APP有三类：原生APP，WebAPP，HybridApp；HybridApp结合了前两类APP各自的优点，越来越流行。
Cordova就是一个中间件，让我们把WebAPP打包成Hybri...
本文是一篇关于我本人在使用 Cordova + Ionic 以及 AngularJS 开发移动App的过程中的经验的总结，它不是一篇基础入门教程，而是和大家探讨一下关于如何更好的使用这些技术开发一个更...
Google Play上线地址：点击查看
源代码地址：开源中国
作为一名学习Android开发的学生，对于移动开发的发展趋势颇为关注，大家都知道，现在原生的移动开发在企业上基本很少使用了，大部分企业为了降低成本，选择了webapp，hybrid（混合开发）这两种模...
基于ionic2的跨平台项目探讨（iOS）
一、     技术背景
为了开发html5，除了最新使用React Native等之外，目前首选稳定的ionic+Angularjs来开发iOS 和Andr...
JavaScript 写多了，要想真正提高js水平，研究其他js框架源码是不错的选择。Github上大部分都是js、css相关的项目，可以有目的性的 check out 下来，研读研读，还是非常收益的...
JavaScript 写多了，要想真正提高js水平，研究其他js框架源码是不错的选择。Github上大部分都是js、css相关的项目，可以有目的性的
check out 下来，研读研读，还是非常收益...
Ionic是一个前端的框架，帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。ionic的理念类似前端开发的BootStrap，目标是封装HTML5移动跨平台开发的最佳实践，就像...
一 ionic简介
ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用，基...
他的最新文章
讲师：王禹华
讲师：宋宝华
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)