在使用 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. 电赛菜鸟营培训（零）——Keil环境搭建

    一.Keil开发软件安装 1.安装keil软件 2.使用注册机进行破解 将方框内的ID号复制到注册机,然后得到License,放到最底下就可以完成了. 二.Keil工程搭建 表示参考数据手册,在这里建 ...

  2. Android 下载文件 显示进度条

    加入两个权限 一个是联网,另一个是读写SD卡 <uses-permission android:name="android.permission.INTERNET">& ...

  3. libswscale图像格式转换与放大缩小

    缩放,例如640x360拉伸为1280x720 注意:没有裁剪! ======================== 有2种使用方法: 简单的初始化方法 (1)       sws_getContext ...

  4. TYVJ P1063 数字串 Label:双指针 线性扫描

    描述 给你一个长度为n的数字串,数字串里会包含1-m这些数字.如果连续的一段数字子串包含了1-m这些数字,则称这个数字字串为NUM串.你的任务是求出长度最短的NUM串是什么,只需要输出这个长度即可.1 ...

  5. BZOJ 1856 字符串（组合）

    题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=1856 题意:有n个1和m个0组成的串,使得任意前k个中1的个数不少于0的个数.有多少种这 ...

  6. redis运用连接池报错解决

    redis使用连接池报错解决redis使用十几小时就一直报异常 redis.clients.jedis.exceptions.JedisConnectionException: Could not g ...

  7. vim 配置 设置搜索 高亮

    1.可以修改配置文件在~/.vimrc 文件中添加一行 set hlsearch 2.也可以直接在当前编辑环境里使用:在当前环境中执行如下命令 :set hlsearch 作者:风波 mail:fen ...

  8. Resources

    McGuire Computer Graphics Data http://mesh.brown.edu/calibration/software.html Pixar Online Library ...

  9. fibonacci数列 java

    public class Fibonacci { public static void main(String agrs[]) { ;j<=;j++) System.out.println(fo ...

  10. 数组机、局域网ip查找

    cmd ipconfig 以太网适配器 VMware Network Adapter VMnet8: IPv4 地址 . . . . . . . . . . . . : 192.168.233.1