phonegap(cordova) 入门 4----phonegap 中 inappbrowser的修改

在整理文章的时候,发现把这个靠前放把,因为有很多phonegap应用还是有很多页面指向服务端的,看看这篇是不是我们需要的

还是先说场景需求:混合开发模式,有时候还需要在app中直接打开服务器端网页,但这个时候又不能让用户感受到是打开的服务器网页,应尽量贴近app的样式,并且隐藏地址栏

解决思路:第一种方案:在phonegap嵌入的网页中使用iframe(这个思路是大多web程序员最先想到的,android 中ok,但是ios 中就没那么顺利了)

                   ios(ios 8.1 哦)中iframe内页,输入完毕时键盘无法缩回。如图

  

                ios 7 中正常,ios 8.1就会这样,这种效果无论如何是无法忍受的,更何况现在大多都 iphone 6了,呵呵,所以只能放弃

解决方案二,phonegap 中有个inappbrowser 插件哦,不过这个inappbrowser插件样式实在难看,并且隐藏 地址栏的时候同事隐藏了关闭按钮,没关闭按钮了那就不能关闭页面了,实在是坑啊,所以不得不修改插件内容,当打开插件源码的时候一阵暗喜,地址栏和关闭按钮都是作者拼接的,那就好办了,隐藏地址栏,头部换和app风格一致的不就ok了

android 修改后的文件  InAppBrowser.java    ios 修改后的文件 CDVInAppBrowser.m 都在这里下载点击打开链接


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章