Framework7 + phonegap + 询问相机权限

Question

我一直在使用这个插件https://github.com/dpa99c/cordova-diagnostic-plugin 并且工作正常。 现在我正在使用framework7，这很棒。 我有这个代码来请求相机许可，效果很好

  onDeviceReady: function() {


            cordova.plugins.diagnostic.requestCameraAuthorization(
                function(status){

                    console.log("Authorization request for camera use was " + (status == cordova.plugins.diagnostic.permissionStatus.GRANTED ? "granted" : "denied"));

                    if (myApp.device.ios) { 

                             cordova.plugins.diagnostic.isCameraRollAuthorized(function(authorized){
                              if (!authorized) {
                                   cordova.plugins.diagnostic.requestCameraRollAuthorization(function(granted){

                                   }, function(error){
                                      console.log("Authorization request for camera roll has error " + error.code + " - "+ err.msg);
                                   });

                              }
                            });
                      }

                }, function(error){
                    console.error("The following error occurred: "+error);
                }, false
            );   

但是在允许相机拍照后，我的应用程序保持冻结状态，我可以在输入框上写字，但是当我点击任何按钮/链接时，什么也没有发生。我没有控制台错误，它只发生在 iOS 上。 如果您重新启动应用程序，一切正常。 我也尝试添加这个插件：

<gap:plugin name="cordova-plugin-ios-camera-permissions" source="npm" > 
  <variable name="CAMERA_USAGE_DESCRIPTION" value="La aplicacion requiere el permiso para tomar fotografias." />
  <variable name="PHOTOLIBRARY_USAGE_DESCRIPTION" value="La aplicacion requiere el permiso para acceder a la lista de fotografias." />
</gap:plugin>

Answer 1

如果你重新启动应用程序，一切正常

这听起来可能是由于 iOS 10 上 CSP 中的权限不足导致的问题的症状。有关详细信息和完整答案，请参阅this question，但简而言之，请确保您的 Content-Security-Policy 元标记包含 gap://ready和file，例如：

<meta http-equiv="Content-Security-Policy" content="default-src * gap://ready file:; style-src fonts.googleapis.com 'self' 'unsafe-inline'; img-src framework7.io 'self' data:; script-src * 'unsafe-inline' 'unsafe-eval'">