【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插件能满足平时大部分的开发需求,然而,有时候找不到合 ...
随机推荐
- kinect学习笔记(二)—— Sdk平台的搭建~、
一.资源下载 由于我们使用的kinect v1.0,所以我们只需要使用1.8版本的sdk就好了,然后资源包,在QQ群的共享里面已经有啦,所以大家可以直接下载. 二.软件安装 ...
- 用DTD约束XML详解及示例
文档类型定义(DTD)可定义合法的XML文档构建模块.它使用一系列合法的元素来定义文档的结构. dtd的三种引入方式 (1)引入外部的dtd文件 <!DOCTYPE 根元素名称 SYSTE ...
- 打开别人Xamarin项目找不到android.jar文件
打开别人Xamarin项目找不到android.jar文件 错误信息:Could not find android.jar for API Level 23.打开非本机创建的Xamarin项目,编译的 ...
- easyui提交表单数据的时候如何防止二次提交
在前端提交数据的时候有时候可能会由于网络延迟等原因,我们在等待的时候会多次点击保存按钮,这可能会导致我们一次输入的数据多次提交,导致数据重复.最近在做项目的时候碰到了这个问题,先说一点,这个问题的解决 ...
- React-Native 之控件布局
Nodejs 一度将前端JS 推到了服务器端,而15年FB的React-Native RN再一次将JS 推到了移动端的开发浪潮中.RN的优势这里不再重复,它是我们这些习惯了服务端.web端开发,而又不 ...
- 移动端JS 触摸事件基础
一.手机上的触摸事件 基本事件: touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发 ...
- ICursor查询后的排序问题
为某表做剔除整合处理,各行相关.起初使用 ICursor pCursor = pTable.Search(null,false); 语句查询,ICursor的第一行并没有指向表的第一行,虽然不是第一行 ...
- sql中写标量函数生成大写拼音首字母
USE [StockManageSystemV2] GO /****** Object: UserDefinedFunction [dbo].[PinYin] Script Date: 2016-08 ...
- SQL Server 错误:15023(创建对于用户失败)
问题: 错误15023:当前数据库中已存在用户或角色 在把远程服务器上的数据库备份还原到本地机后, 给一个"登录"关联一个"用户"时(用户映射),发生错误:“错 ...
- IOS第四天(3:数组的排序和乱序)
数组的升序和降序 - (void)sortWith:(NSArray *)array { // 排序 array = [array sortedArrayUsingComparator:^NSComp ...