【No.4 Ionic】修改 cordova 插件
在使用 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 插件的更多相关文章
- Ionic开发之如何修改Cordova插件
由于大多数的Cordova plugin都是国外的,一些提示信息通常都是英文, 这就需要我们自己修改成中文信息. 除此之外,还有可能插件的样式,皮肤等和整体项目的风格不一致,这个时候也是要修改的. 可 ...
- ionic使用cordova插件中的Screenshot截图分享功能
需要实现操作,考试完成后需要将成绩生成一张图片,分享出去, import { Screenshot } from '@ionic-native/screenshot'; constructor(pri ...
- 如何给Ionic写一个cordova插件
写一个cordova插件 之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂:现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么 ...
- ionic实战系列(二):使用cordova插件
本章主要关注cordova的各种插件,利用好手机(移动设备)的原生功能.首先cordova是一个将web网页内嵌到原生app的平台(核心功能),然后cordova拥有的插件系统扩展了核心功能. Cor ...
- WebApp开发框架Ionic+AngularJS+Cordova
目前的手机APP有三类:原生APP.WebAPP.HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Ionic Ionic是一个新的.可以使用HTML5构建混合移动应用 ...
- HybridAPP开发框架Ionic+AngularJS+Cordova搭建
Ionic Ionic是一个新的.可以使用HTML5构建混合移动应用的用户界面框架,它自称为是"本地与HTML5的结合".该框架提供了很多基本的移动用户界面范例,例如像列表(lis ...
- cordova插件汇总
1.获取当前应用的版本号 cordova plugin add cordova-plugin-app-version 2.获取网络连接信息 cordova plugin add cordova-plu ...
- 自定义 Cordova插件详解
一.Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能.现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合 ...
- 自定义Cordova插件详解
一.Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能.现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合 ...
随机推荐
- hdu 1150 Machine Schedule 最少点覆盖转化为最大匹配
Machine Schedule Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php? ...
- SQL Server--用户自定义函数
除了使用系统提供的函数外,用户还可以根据需要自定义函数.用户自定义函数是 SQL Server 2000 新增的数据库对象,是 SQL Server 的一大改进.与编程语言中的函数类似,Microso ...
- centOS下安装node4.x
在以前 Node 0.x 的时候,只需要通过 yum install -y nodejs 就可以把 Node 安装好了.但是 yum 安装的 Node 只能安装到 0.10.40 版的,并不能安装到 ...
- 关于Win7图标丢失、不正常显示的修复方法
Windows7安装某些软件后,应用程序图标显示不正常,只会显示出是一个文件,无图标或图表显示错误.如果双击,也可以打开此应用程序.观察发现,一般从“管理”--“磁盘管理”中调整了磁盘盘符之后,容易出 ...
- javascript优化--07模式(对象)02
沙箱模式: 解决空间命名模式的几个缺点: 命名空间模式中无法同时使用一个应用程序或库的两个版本运行在同一个页面中,因为两者需要相同的全局符号: 以点分割,需要输入更长的字符,解析时间也更长: 全局构造 ...
- 简单几何(直线求交点) POJ 2074 Line of Sight
题目传送门 题意:从一条马路(线段)看对面的房子(线段),问连续的能看到房子全部的最长区间 分析:自己的思路WA了:先对障碍物根据坐标排序,然后在相邻的障碍物的间隔找到区间,这样还要判断是否被其他障碍 ...
- ural 1222. Chernobyl’ Eagles
1222. Chernobyl’ Eagles Time limit: 1.0 secondMemory limit: 64 MB A Chernobyl’ eagle has several hea ...
- c++ string 结束符‘\000’
昨天输出string类型时总是出错,发现输出到文件的一行里多了^@,输出到console却看不到,debug发现,string类型中多了\000,这主要由于我想要用\0截掉字符串最后一位,所以把字符串 ...
- Robotium查找指定控件
一.通过ID查找控件 Activity act=solo.getCurrentActivity(): int id=act.getResources().getIdentifier("id名 ...
- 【TYVJ】1982 武器分配(费用流)
http://tyvj.cn/Problem_Show.aspx?id=1982 一眼题.. 源向每个人连容量为1,费用为0的边. 每个人向一个中转节点na连容量1,费用0的边(你也可以不连,直接连后 ...