zoukankan      html  css  js  c++  java
  • 【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



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

    智能推荐

  • 相关阅读:
    1027 Colors in Mars (20 分)
    1025 PAT Ranking (25 分)
    1024 Palindromic Number (25 分)
    JVM调优之jstack找出最耗cpu的线程并定位代码
    kill -3 获取threaddump信息
    java单例支持高并发
    yum出现的“UnicodeDecodeError: 'ascii' codec”问题解决
    命令行参数
    vyatta常用操作
    mysql5.8安装指南
  • 原文地址:https://www.cnblogs.com/apanly/p/5937147.html
Copyright © 2011-2022 走看看