【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 顶部 是 黑底,我需要修改成 透明底 


以下截图是修改过后的


app_broswer.jpg


源码修改

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


plugin.jpg


plugin cordova ionic
编程浪子走四方:CodeRonin