ionicがWebアプリをiframeタグでラップするためのヒント



Some Tips Ionic Wrap Web App With Iframe Tags



2019 Unicorn Enterprise Heavy Gold Recruitment Python Engineer Standard >>> hot3.png

ionic iframeを使用してWebアプリをラップすると、全画面表示できない、ページリンクをクリックできないなどの問題が発生する場合があります。この問題を解決する方法は次のとおりです。



1.iframeタグをion-contentタグでカプセル化します

イオンコンテンツはscroll = 'true'に設定する必要がありますoverflow-scroll = 'true'

Iframeをclass = 'width-100 height-100'に設定し、min-widthとmin-heightを100%に設定して、フルスクリーンにする必要があります



2.ページに対応するコントローラーで信頼できる安全な接続を設定します。

angular.module('start.controllers', []) .controller('IndexCtrl', function($scope, $http, $sce) { var url = 'http://m.yoururl.com' $scope.myURL = $sce.trustAsResourceUrl(url) })

イオンコントローラーモジュールで対応するページコントローラーを見つけます。ここでは、IndexCtrlを使用して、$ sceを導入し、信頼できるURLを設定します。

3、実際には、cordova-plugin-whitelistを使用して設定することもできます

プロジェクトのルートディレクトリの下のconfig.xmlにアクセス制御を追加します

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-whitelist/



|_+_|

転載:https://my.oschina.net/sallency/blog/747152