在使用 cordova 过程 使用的插件 有可能不能满足个人需求,就需要修改,下面就直接说说步骤

插件结构

我用 cordova-plugin-inappbrowser 插件 讲解

在目录中有个 src目录,然后 有android  和 ios 目录,直接按需修改就行了

.
|-- CONTRIBUTING.md
|-- LICENSE
|-- NOTICE
|-- package.json
|-- plugin.xml
|-- README.md
|-- RELEASENOTES.md
|-- src
|   |-- android
|   |   |-- InAppBrowserDialog.java
|   |   |-- InAppBrowser.java
|   |   |-- InAppChromeClient.java
|   |   `-- res
|   |       |-- drawable-hdpi
|   |       |   |-- ic_action_next_item.png
|   |       |   |-- ic_action_previous_item.png
|   |       |   `-- ic_action_remove.png
|   |       |-- drawable-mdpi
|   |       |   |-- ic_action_next_item.png
|   |       |   |-- ic_action_previous_item.png
|   |       |   `-- ic_action_remove.png
|   |       |-- drawable-xhdpi
|   |       |   |-- ic_action_next_item.png
|   |       |   |-- ic_action_previous_item.png
|   |       |   `-- ic_action_remove.png
|   |       `-- drawable-xxhdpi
|   |           |-- ic_action_next_item.png
|   |           |-- ic_action_previous_item.png
|   |           `-- ic_action_remove.png
|   |-- ios
|   |   |-- CDVInAppBrowser.h
|   |   `-- CDVInAppBrowser.m
|   `-- wp
|       `-- InAppBrowser.cs
|-- tests
|   |-- plugin.xml
|   |-- resources
|   |   |-- inject.css
|   |   |-- inject.html
|   |   |-- inject.js
|   |   |-- local.html
|   |   |-- local.pdf
|   |   `-- video.html
|   `-- tests.js
`-- www
    |-- inappbrowser.css
    |-- inappbrowser.js
    `-- windows8
        `-- InAppBrowserProxy.js

操作步骤

  • 按需修改各个平台的源码

  • 删除平台

  • 添加平台

  • 重新编译

命令如下

ionic platform rm ios
ionic platform add ios
ionic run ios --device

需求

cordova-plugin-inappbrowser 插件 主要是打开用户打开外部链接,但是弹出来的webview controller 顶部 是 黑底,我需要修改成 透明底

以下截图是修改过后的

源码修改

看图可以看到我屏蔽了一行代码,然后就按照步骤重新编译就好了

原文地址:【No.4 Ionic】修改 cordova 插件
标签:plugin   cordova   ionic

智能推荐

【No.4 Ionic】修改 cordova 插件的更多相关文章

  1. Ionic开发之如何修改Cordova插件

    由于大多数的Cordova plugin都是国外的,一些提示信息通常都是英文, 这就需要我们自己修改成中文信息. 除此之外,还有可能插件的样式,皮肤等和整体项目的风格不一致,这个时候也是要修改的. 可 ...

  2. ionic使用cordova插件中的Screenshot截图分享功能

    需要实现操作,考试完成后需要将成绩生成一张图片,分享出去, import { Screenshot } from '@ionic-native/screenshot'; constructor(pri ...

  3. 如何给Ionic写一个cordova插件

    写一个cordova插件 之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂:现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么 ...

  4. ionic实战系列(二):使用cordova插件

    本章主要关注cordova的各种插件,利用好手机(移动设备)的原生功能.首先cordova是一个将web网页内嵌到原生app的平台(核心功能),然后cordova拥有的插件系统扩展了核心功能. Cor ...

  5. WebApp开发框架Ionic+AngularJS+Cordova

    目前的手机APP有三类:原生APP.WebAPP.HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Ionic Ionic是一个新的.可以使用HTML5构建混合移动应用 ...

  6. HybridAPP开发框架Ionic+AngularJS+Cordova搭建

    Ionic Ionic是一个新的.可以使用HTML5构建混合移动应用的用户界面框架,它自称为是"本地与HTML5的结合".该框架提供了很多基本的移动用户界面范例,例如像列表(lis ...

  7. cordova插件汇总

    1.获取当前应用的版本号 cordova plugin add cordova-plugin-app-version 2.获取网络连接信息 cordova plugin add cordova-plu ...

  8. 自定义 Cordova插件详解

    一.Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能.现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合 ...

  9. 自定义Cordova插件详解

    一.Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能.现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合 ...

随机推荐

  1. 使用startActivityForResult方法(转)

    功能:  A.java 是主界面,B.java 是子功能模块,要从A启动B,B干完活之后把结果汇报给A 注意: 使用startActivityForResult方法 在配置文件就是不能指定Activi ...

  2. 【bzoj2002】[Hnoi2010]Bounce 弹飞绵羊 分块

    [bzoj2002][Hnoi2010]Bounce 弹飞绵羊 2014年7月30日8101 Description 某天,Lostmonkey发明了一种超级弹力装置,为了在他的绵羊朋友面前显摆,他邀 ...

  3. loj 1156(二分+最大流)

    题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=26870 思路:由于溢出问题,wa了半天,还以为构图错了呢,查了半天 ...

  4. 小甲鱼PE详解之区块表(节表)和区块(节)(PE详解04)

    到此为止,小甲鱼和大家已经学了许多关于 DOS header 和 PE header 的知识.接下来就该轮到SectionTable (区块表,也成节表).(视频教程:http://fishc.com ...

  5. UGUI的优点新UI系统

    UGUI的优点新UI系统 第1章  新UI系统概述 UGUI的优点新UI系统,新的UI系统相较于旧的UI系统而言,是一个巨大的飞跃!有过旧UI系统使用体验的开发者,大部分都对它没有任何好感,以至于在过 ...

  6. 不用写软件,纯JS 实现QQ空间自动点赞

    这里分享一个自己写的点赞JS,已实现了好友动态.右侧栏猜你喜欢 点赞,有兴趣的朋友可以加上去玩玩.打开浏览器的开发者模式运行就可以看到效果了 var count = 0; var total = 0; ...

  7. myeclipse下安装svn

    在网上查了一下,安装的方法有几种,这里给大家推荐一种快速安装的方法. //第一步 : 下载 site-1.6.5.zip //===================================== ...

  8. 通过网页的JS代码启动移动APP

    <span style="font-size:18px;"><script> function startAPP(){ window.location = ...

  9. 【wikioi】1034 家园(最大流+特殊的技巧)

    http://wikioi.com/problem/1034/ 太神了这题. 其实一开始我以为是费用流,但是总感觉不对. 原因是我没看到一句话,特定的时刻到达特定的点!! 也就是说,并不是每艘船每次都 ...

  10. telerik 某些ajax拿数据方式下 load on demand 不起作用

    方法一:加入以下代码 <%= Html.Telerik().ScriptRegistrar().DefaultGroup(group => { group.Add("teleri ...