İyonik uygulamada Web görünümü

Question

İyonik çerçeve kullanarak bir mobil uygulama oluşturdum. İyonik hakkında bir web sayfası oluşturmak istiyorum. Bunun için cordova-plugin-inappbrowser eklentisini kullandım. Şimdi, bu eklenti çalışır, ancak eklenti sabit değildir. Varsayılan tarayıcıyla değil, krom tarayıcıyla web görünümü oluşturmak istiyorum. Bunun için tarayıcı yaya geçidi kullandım ve cordova-plugin-inappbrowser eklentisini kaldırdım. Ama şimdi, webview çalışmıyor. Şimdi, hem tarayıcı yaya geçidi hem de cordova-plugin-inappbrowser eklentilerini kullandığımda, web görünümü kötü bir görünüm kazanıyor. Chrome tarayıcı ile web görünümü oluşturma hakkında herhangi bir fikir?

Answer 1

Doğru bir şekilde anlıyorsam, İyonik uygulamada nasıl bir web görünümü oluşturacağınızı değil, varsayılan URL adresindeki telefonun harici URL'sini nasıl açacağınızı mı soruyorsunuz?

Bunu, cordova-plugin-whitelist eklentisini kullanarak yapabilirsiniz. Bu yüklendiğinde, birkaç şey ayarlayabilirsiniz, ancak aşağıda kullandığım varsayılanı listeleyeceğim. * joker olduğu gibi

<access origin="*"/> 
<allow-intent href="http://*/*" launch-external="yes"/> 
<allow-intent href="https://*/*" launch-external="yes"/> 
<allow-intent href="tel:*" launch-external="yes"/> 
<allow-intent href="sms:*" launch-external="yes"/> 
<allow-intent href="mailto:*" launch-external="yes"/> 
<allow-intent href="geo:*" launch-external="yes"/> 

acces origin="*" tüm harici kaynakları acces izin olan uygulamayı şöyle anlatıyor: Bu (bütün bu config.xml dosyadan olan) uygulamasının dışında açmak için tüm harici öğeleri neden olur. Bundan sonraolarak ayarlanmış launch-external özniteliği ile allow-intent kullanarak uygulamayı href özniteliği ile belirtilen tüm bağlantıların dış olarak açılmasını söyler.

Yukarıdaki kod, alles harici web sitelerinin, telefon numaralarının, kısa mesajların, e-postaların ve hatta coğrafi konumların yerel uygulamalarda açıldığından emin olur. Uygulamada kullandığınız tüm bağlantıların, yukarıda verilen biçimi kullandığından emin olmanız gerekir.

Answer 2

Chrome'u uygulamanıza katıştıramazsınız. Sevmediğiniz estetik InAppBrowser's Toolbar'tır - bunu yerel kodu değiştirerek özelleştirmeniz gerekecektir. Ne yazık ki şu anda InAppBrowser araç çubuğu stilini özelleştirmek için bir API sağlamaz (injectCSS'den faydalanabileceğinizi sanmıyorum ama yanıltıcı olabilirim)