No.4 Ionic修改 cordova 插件
Posted 即学即码工作室
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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
智能推荐
- 【Git 使用笔记】第一部分：安装git 和 使用git
- Nginx 禁用IP IP段
- 【运维工具】logrotate 日志管理神器
- 【No.1 Ionic】基础环境配置
- 【No.3 Ionic】超级逗表情 App
以上是关于No.4 Ionic修改 cordova 插件的主要内容，如果未能解决你的问题，请参考以下文章
Ionic2使用第三方cordova插件（非Ionic2官方支持的native cordova插件）