config.xml
content 可以指向服务器地址, 实现远端实时更新, 不用把www打包进apk
服务器
<content src="http://192.168.50.17:9090" />
本地www/index.html文件
<content src="/index.html" />
content 如果为远端地址,需要将cordova.js 和 plugin等文件放到服务器,
cordova 就可以拥有直接调用本地android的能力, 与本地打包的方式一致
<link rel="icon" href="/favicon.png" type="image/x-icon">
<link href="/iconfont/iconfont.css" rel="stylesheet"/>
<!-- 一些cordova操作函数 -->
<script type="text/javascript" src="index.js"></script>
<!-- cordova本体js -->
<script type="text/javascript" src="cordova.js"></script>
<!-- plugin不需要放入html引用, cordova会去请求plugin文件 -->
allow-navigation 为允许cordova webview的内部可跳转页面
如果设置为远端地址, 需要设置远端地址允许跳转,
<allow-navigation href="http://192.168.50.17:9090/*" />
cordova 调用系统浏览器下载, 取消下面的写法. 直接设置 a link 的 href,就可调用浏览器下载
<!-- 这样会拦截下载地址, 不会进入浏览器下载 -->
<allow-navigation href="*" />
cordova 调用自有插件,实现定制下载,
一定要禁用 a link 的 href, 不然不会调用下载
function onDeviceReady() {
window.open = cordova.InAppBrowser.open
cordova.InAppBrowser.open('http://apache.org', '_self', 'location=yes')
if (cordova.platformId == 'android') {
StatusBar.backgroundColorByHexString('#fff')
}
window.downLoadFile = downloadUrl => {
console.log(cordova.file)
let fileTransfer = new FileTransfer(),
uri = encodeURI(downloadUrl), // 文件的地址链接
fileUrl = cordova.file.externalDataDirectory + uri.substr(uri.lastIndexOf('/') + 1) // 文件的下载地址
fileTransfer.download(
uri,
fileUrl,
entry => {
entry.file(data => {
cordova.plugins.fileOpener2.showOpenWithDialog(fileUrl, data.type) // showOpenWithDialog使用手机上安装的程序打开下载的文件
})
console.log(
'download accessory successful. accessory information : ' + JSON.stringify(entry)
)
},
error => {
console.error('download accessory fail. Because of : ' + JSON.stringify(error))
}
)
// fileTransfer.onprogress = function(progressEvent) {
// // 加载过程中的loading提示
// const percentFinished = 99
// let downloadProgress = Math.round(
// (progressEvent.loaded / progressEvent.total) * $scope.percentage
// )
// $ionicLoading.show({
// template: '正在下载' + downloadProgress + '%',
// })
// downloadProgress > percentFinished && $ionicLoading.hide()
// }
// }
}
document.addEventListener('deviceready', onDeviceReady, false)
<Button
size="small"
// href={filepath}
style={{
background: '#fff',
color: '#108ee9',
}}
onClick={() => {
window.downLoadFile(filepath)
}}
>
下载PDF文件
</Button>
