Power BI Embedded Content Not loading in iOS

[cerebiz]

Hi Team,

We are developing a Cordova app that displays a Power BI Report (inside a iframe) using Power BI Embedded framework. It works fine in the Android version but gives an error in iOS.

"Blocked a frame with origin app.powerbi.com from accessing a frame with origin "file". The frame requesting access has a
protocol of "https", the frame being accessed has a protocol of "file". Protocols must match."

Is there any work around to get over this issue?

Thanks

[PBI_Enthusiast · Accepted solution]

This is due to UIWebView API deprecation by Apple. This is not a Power BI or Microsoft issue.

Please see this for detailed explanation of the root cause of this issue and what you will need to do - https://ionicframework.com/blog/understanding-itms-90809-uiwebview-api-deprecation/

To summarize, this is what you may need to do...

Using Cordova?

On November 25th, 2019, the Cordova team released Cordova iOS 5.1.0, which disables UIWebview at compile time. They were previously discussing a plan to move forward.

To update:

Ensure you have a WKWebView plugin installed: either the official Apache one or Ionic’s. All Ionic starter apps automatically include cordova-plugin-ionic-webview.
Add <preference name="WKWebViewOnly" value="true" /> to your config.xml file.
Update each Cordova plugin to the latest version (these can trigger the warning too). Better yet – remove them if they are no longer needed!
Run cordova prepare ios to apply the changes.

[cerebiz]

Hi @PBI_Enthusiast,

Thank you very much for your assistance. Now the power bi reports are loading without any issue in Web View.