Questions tagged [ionic-webview]

The Web View powers web apps in native devices. Ionic maintains a Web View plugin for apps integrated with Cordova. Please only use this tag, when asking a question related to ionic.

Ionic apps are built using web technologies and are rendered using Web Views, which are a full screen and full-powered web browser.

Modern Web Views offer many built-in HTML5 APIs for hardware functionality such as cameras, sensors, GPS, speakers, and Bluetooth, but sometimes it may also be necessary to access platform-specific hardware APIs. In Ionic apps, hardware APIs can be accessed through a bridge layer, typically by using native plugins which expose JavaScript APIs.

Installation

ionic cordova plugin add cordova-plugin-ionic-webview
npm install @ionic-native/ionic-webview

Supported Platforms:

  1. Android
  2. iOS

More information here:

https://github.com/ionic-team/cordova-plugin-ionic-webview

https://ionicframework.com/docs/building/webview

https://ionicframework.com/docs/native/ionic-webview/

21 questions
7
votes
1 answer

cordova-plugin-ionic-webview - Unable to save password in HTML form despite autocomplete attribute

I am working on a Cordova (~PhoneGap, ~Ionic) App and I followed the Apple guidelines and added to autocomplete attributes to my HTML login form to ask users whether they want to save their credentials when they try to sign up. On Android the popup…
5
votes
2 answers

How to create a simple webview using ionic for my website

I am trying to make a simple webview app for my website using ionic. What I did is npm install -g cordova version->9.0.0 npm install -g ionic version->5.0.3 ionic start myApp blank cd myApp ionic cordova plugin add…
user11078680
3
votes
2 answers

@ionic/angular 4.0.0-beta.13 : Not allowed to load local resource : with webview 2.2.3 - Ionic CLI 4.3.1

After taking the photo from camera, these paths come. file:///data/data/xxx.xxx.xxx.xxx/files/1542782360167.jpg I use Ionic 4 in which WebView is 2.2.3, all types of replies have been observed by applying but no effects…
3
votes
0 answers

cordova-plugin-ionic-webview @ 2.x vs @1.2.1

We are currently using the cordova-plugin-ionic-webview to enable WKWebView in our phaser app for iOS/Android (I know that cordova-plugin-ionic-webview only serves iOS). I recently saw the plugin cordova-plugin-ionic-webview@beta i.e. Ionic Web View…
2
votes
1 answer

HTML5 video player gives errror when loading video located inside device using Ionic-v3

I'm developing an app using Ionic. One of the required features is letting the user upload videos to the application and seen them inside the app. When I try to load the video using a
Leia
  • 357
  • 3
  • 17
2
votes
2 answers

Does getUserMedia works in ionic-webview in Android app?

I have given all the permissions for camera and microphone. Enable CSP in meta tag for the iframe. Still not able to get permission for camera and microphone in getusermedia for iframe. home.html ion-content class= 'padding has-subheader'> …
sowmiyaksr
  • 169
  • 5
  • 18
1
vote
0 answers

Ionic - keyboard doesn't open when calling textElement.focus() on iOS 13

Calling element.focus() on text element doesn't open keyboard on iOS 13. This is working fine on iOS versions < 13. I'm using cordova-plugin-ionic-webview Any idea?
Yosef
  • 360
  • 5
  • 16
1
vote
1 answer

Can I call native android activity from Ionic WebView?

I need to build a Ionic Webview from where I need to call some native android activity. Is this possible? I have developed set of pages in android native activity. Now I want to create a homepage in ionic webview from where i need to call my android…
Sam
  • 104
  • 3
  • 10
1
vote
0 answers

open camera within webview in ionic v1 App

I want to access camera within WebView in ionic v1. I have try this code : var options = { location: 'no', clearcache: 'yes', toolbar: 'no' }; $ionicPlatform.ready(function() { …
sunil kalwani
  • 636
  • 2
  • 11
  • 24
1
vote
1 answer

cordova-plugin-ionic-webview sending null origin in iOS

I've got an ionic 3 hybrid/cordova app that uses the cordova-plugin-ionic-webview plugin (which will use WKWebView in iOS). I've historically always used an old version of this plugin due to compatibility issues (@1.2.1). Suddenly today, new…
BRass
  • 3,698
  • 2
  • 28
  • 46
1
vote
2 answers

Webview In Ionic 3

I have my one blog which i want to convert into ionic app. I use InAppBrowser plugin but the problem is when i press the back button it will come to my default ionic home page. i follow the below steps : ionic start myblog ionic platform add…
Foram Sangani
  • 287
  • 1
  • 4
  • 17
1
vote
1 answer

Ionic 2 - Is it possible to have another webview inside the main ionic webview?

As the title stated. I'm developing an app that allows you to make payment through a 3rd party payment gateway. The payment gateway support 2 payment types: credit card and direct debit. I'm currently using iframe and it works fine if the payment…
Irman Ahmad
  • 182
  • 3
  • 12
0
votes
1 answer

Cordova blank page / empty index.html file when running ios app

I'm building my svelte app. In the config.xml file, I'm targeting which works perfectly on Android. When I try to launch it on ios: Splash screen shows. Splash screen fades into white. Page is blank and…
IanHogers
  • 3
  • 2
0
votes
3 answers

Display inside an iframe a html file located outside of the www folder -- works in InAppBrowser or parsing the text

I managed to download some On-Demand Resources into my Cordova App using a custom plugin that I built. What I need to do now is load them inside an iframe in my App. Is this possible?? If they were located in the (sigh, read-only) www folder I could…
0
votes
0 answers

Losing local storage data when updating the ionic-webview plugin version from 1.2.1 to 4.1.3

Currently I am using ionic-webview plugin version 1.2.1, ionic3, cordova 8.1.2, cordova-ios 4.5.5 and codova-android 7.1.2. And I am updating my App with ionic-webview plugin version 4.1.3, ionic4, cordova 9.0.0, cordova-ios 5.0.1 and codova-android…
1
2