标签: ionic-webview

我正在开发 Cordova（~PhoneGap，~Ionic）应用程序，我遵循Apple 指南，并将自动完成属性添加到我的 HTML 登录表单，以询问用户是否要在尝试注册时保存他们的凭据。

在 Android 上，会出现询问用户是否要正确存储其凭据的弹出窗口，我可以在下次尝试登录时选择我存储的凭据。但在 iOS 上并非如此。

我想到的第一件事可能会阻止 webview 为 iOS 关联密码和域，因为我为后者使用了自定义域（例如 iosapp://）。

我无法更改正在使用的自定义域，有没有办法让它提示用户保存他们的凭据？

这个问题可以通过这种方式重现：

1. 将插件 cordova-plugin-ionic-webview 添加到 Cordova 应用程序 (cordova-ios 5.1.0)
2. 添加<preference name="Hostname" value="somescheme" />到您的 config.xml 为您的应用程序指定一个自定义主机名（默认是 ionic://，我相信也会有同样的问题）
3. onDeviceReady 重定向到我的 PoC（适用于所有其他浏览器）：

  window.location.href = 'https://gabriele-sacchi.github.io/pocs/biometric';

_{（gitlab 问题）}

我正在尝试使用 ionic 为我的网站制作一个简单的 webview 应用程序。
我所做的是

npm install -g 科尔多瓦

版本->9.0.0

npm install -g 离子

版本->5.0.3

ionic 启动 myApp 空白

cd 我的应用程序

ionic cordova 插件添加 cordova-plugin-ionic-webview

npm install @ionic-native/ionic-webview

现在我应该在哪里编辑文件。我只想放置我的网站链接，没有更多额外的功能。我找不到制作网络视图应用程序的好指南。我需要使用in-app-browser而不是 webview 吗？我错过了什么步骤吗？

cordova-plugin-ionic-webview说要查找<preference name="Hostname" value="app" />，我无法在config.xml应用程序的根目录中找到该代码。该代码位于哪里？

还建议哪个平台最适合跨平台 webview 应用程序。

我有我的一个博客，我想将其转换为 ionic 应用程序。我使用InAppBrowser插件，但问题是当我按下后退按钮时，它会进入我的默认 ionichome页面。

我按照以下步骤操作：

ionic start myblog

ionic platform add android

ionic cordova plugin add cordova-plugin-inappbrowser

npm install --save @ionic-native/in-app-browser

然后加入provider中app.module和home.ts写入以下内容。

import { InAppBrowser } from '@ionic-native/in-app-browser';

constructor(private iab: InAppBrowser) { }


...


const browser = this.iab.create('https://ionicframework.com/','_self','location=no');
browser.show();

也location=no不起作用。像android ionic提供webview?? 谁能帮我吗 ？任何帮助表示赞赏。:)

我已授予相机和麦克风的所有权限。在 iframe 的元标记中启用 CSP。仍然无法在 iframe 的 getusermedia 中获得相机和麦克风的许可。

主页.html

ion-content class='padding has-subheader'>

app-component.ts

constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, private androidPermissions: AndroidPermissions) 
{
platform.ready().then
   (() => 
      {

           statusBar.styleDefault();
           splashScreen.hide();

           this.androidPermissions.requestPermissions([
                this.androidPermissions.PERMISSION.CAMERA, 
                this.androidPermissions.PERMISSION.MODIFY_AUDIO_SETTINGS,
            this.androidPermissions.PERMISSION.RECORD_AUDIO
           ]);

  //navigator.mediaDevices
  navigator.mediaDevices
    .getUserMedia({
      audio: true,
      video: true
    })
    .then(mediaStream => {
        console.log("Video camera platform ready")
    });


});
}

AndroidManifest.xml

 <uses-sdk android:minSdkVersion="23" android:targetSdkVersion="26" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-feature android:name="android.hardware.camera" />
    <uses-feature android:name="android.hardware.camera.autofocus" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />

这发生在离子应用的Android版本中。我正在使用iframe测试getUserMedia。webrtc的演示页面给我“ GetUserMedia：不允许的错误”。我已经在AndroidManifest.xml中授予了所有权限，但仍然无法访问相机。为了获得外部网站的摄像头访问权，还有什么需要做的吗？

home.html

<ion-content class= 'padding has-subheader'>
  <iframe class= 'webPage' name= "eventsPage" src="https://webrtc.github.io/samples/src/content/getusermedia/gum/">
 </iframe>
</ion-content>

config.xml

<plugin name="cordova-plugin-statusbar" spec="2.4.2" />
<plugin name="cordova-plugin-device" spec="2.0.2" />
<plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
<plugin name="cordova-plugin-ionic-webview" spec="^2.0.0" />
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
<plugin name="cordova-plugin-camera" spec="^4.0.3" />
<plugin name="android-camera-permission" spec="^1.0.0" />
<plugin name="cordova-plugin-media" spec="^5.0.2" />
<plugin name="cordova-opentok-android-permissions" spec="^1.0.1" />
<plugin name="cordova.plugins.diagnostic" spec="^4.0.10" />
<plugin name="cordova-plugin-android-permissions" spec="^1.0.0" />
<plugin name="cordova-plugin-media-capture" spec="^3.0.2" />
<plugin name="cordova-plugin-compat" spec="^1.2.0" />
<plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
<engine name="android" spec="7.0.0" />