cordova 主题浏览器在 iOS 中不显示工具栏
cordova themeable browser does not show toolbar in iOS
我使用 cordova 开发混合应用程序,angular material 使用 cordova themeablebrowser 设计,它是应用程序浏览器中更丰富的 cordova 版本。
调用页面的代码如下所示:
cordova.ThemeableBrowser.open('https://bookmebus.com/faq','_self', {
statusbar: {
color: '#ffffffff'
},
toolbar: {
height: 44,
color: '#f0f0f0ff'
},
title: {
color: '#003264ff',
showPageTitle: true
},
backButton: {
image: 'back',
imagePressed: 'back_pressed',
align: 'left',
event: 'backPressed'
},
forwardButton: {
image: 'forward',
imagePressed: 'forward_pressed',
align: 'left',
event: 'forwardPressed'
},
closeButton: {
image: 'close',
imagePressed: 'close_pressed',
align: 'left',
event: 'closePressed'
},
customButtons: [
{
image: 'share',
imagePressed: 'share_pressed',
align: 'right',
event: 'sharePressed'
}
],
menu: {
image: 'menu',
imagePressed: 'menu_pressed',
title: 'Test',
cancel: 'Cancel',
align: 'right',
items: [
{
event: 'helloPressed',
label: 'Hello World!'
},
{
event: 'testPressed',
label: 'Test!'
}
]
},
backButtonCanClose: true
})
在 android 中,它按预期显示带有页面标题的工具栏。我真的不知道为什么 iOS 中缺少此工具栏,如下所示。
我删除了插件并使用 r0.2.15 安装,然后它就可以工作了。
cordova plugin add https://github.com/initialxy/cordova-plugin-themeablebrowser.git#r0.2.15
当您在打开的主题化浏览器中使用目标 _self
时,您将看不到工具栏,您应该使用 _blank
。
我使用 cordova 开发混合应用程序,angular material 使用 cordova themeablebrowser 设计,它是应用程序浏览器中更丰富的 cordova 版本。
调用页面的代码如下所示:
cordova.ThemeableBrowser.open('https://bookmebus.com/faq','_self', {
statusbar: {
color: '#ffffffff'
},
toolbar: {
height: 44,
color: '#f0f0f0ff'
},
title: {
color: '#003264ff',
showPageTitle: true
},
backButton: {
image: 'back',
imagePressed: 'back_pressed',
align: 'left',
event: 'backPressed'
},
forwardButton: {
image: 'forward',
imagePressed: 'forward_pressed',
align: 'left',
event: 'forwardPressed'
},
closeButton: {
image: 'close',
imagePressed: 'close_pressed',
align: 'left',
event: 'closePressed'
},
customButtons: [
{
image: 'share',
imagePressed: 'share_pressed',
align: 'right',
event: 'sharePressed'
}
],
menu: {
image: 'menu',
imagePressed: 'menu_pressed',
title: 'Test',
cancel: 'Cancel',
align: 'right',
items: [
{
event: 'helloPressed',
label: 'Hello World!'
},
{
event: 'testPressed',
label: 'Test!'
}
]
},
backButtonCanClose: true
})
在 android 中,它按预期显示带有页面标题的工具栏。我真的不知道为什么 iOS 中缺少此工具栏,如下所示。
我删除了插件并使用 r0.2.15 安装,然后它就可以工作了。
cordova plugin add https://github.com/initialxy/cordova-plugin-themeablebrowser.git#r0.2.15
当您在打开的主题化浏览器中使用目标 _self
时,您将看不到工具栏,您应该使用 _blank
。