Cordova插件扩展——Themeablebrowser自拷贝图片
小编:管理员 506阅读 2022.09.13
插件全名叫: cordova-plugin-themeablebrowser 这个插件会弹出一个浏览器窗口,打开外部网页,功能比较强大,能自定义导航工具栏、标题等等。不止打开网页,还可以用来打开在线文档,如pdf、word等等文件的在线预览也是很不错的选择。 在安装使用这个插件时,有一个略微繁琐的事情是:
它不会把配套的图片资源复制到项目中,需要手动复制,往往新人使用时忽略这个,使得工具栏明明有关闭、后退等事件响应,却没看到按钮。
手动复制图片有个弊端是,当项目有问题或修改了config.xml里的id时,一般使用platform移除再添加android/ios,这样需重新拷贝上述图片资源,而往往也会忽略。
于是,我们扩展一下这个插件,添加自动复制图片的功能。 首先,clone或者下载该插件到本地目录,打开src文件夹,看到里面有各个平台:
各个平台.png
因为我们常用的是android和ios,那这里只处理这两个平台,分别打开目录,发现资源文件放置在:android/res/drawable-xhdpi和ios/Resources, 于是,我们打开最外面目录下的plugin.xml,给android添加配置项:
复制
给ios添加配置项:
复制
保存即可,配置的意思是把这些文件复制到项目的目标目录,没有填写目标目录,则复制到项目当前路径。 最后代码上传到Github上:https://github.com/woodstream/cordova-plugin-themeablebrowser
相关推荐
- Cordova 什么是Cordova? Cordova是用于使用HTML,CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器,用于将我们的网络应用程序与本机移动功能连接。默认情况下,Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…