甚至鹼性離子項目產生白色屏幕

我的問題： 離子應用我開發是可怕的慢，查不到的UIWebView是我在尋找方法來加快它的罪魁禍首後， WKWebView是最有前途的解決方案。甚至鹼性離子項目產生白色屏幕

什麼我的項目是這樣的： 在設置樣品離子項目（http://ccoenraets.github.io/ionic-tutorial/install-ionic.html爲例）與當前科爾多瓦4.1.0 CLI（我使用離子1.2.4）的UIWebView作爲默認。但是，自從Cordova 4以來，新的和更快的WKWebView被支持開箱即用，至少在iOS 9（cordova 4 supports WKWebView）中可以被強制使用。

我用&配置的插件： 經由cordova plugin add cordova-plugin-wkwebview-engine所述載體的IOS平臺中加入（9.3現在）。當這個插件添加並在config.xml配置正確與

<feature name="CDVWKWebViewEngine"> <param name="ios-package" value="CDVWKWebViewEngine" /> </feature> <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

我試了一下，到目前爲止： 在終端ionic build ios，然後構建成功，並通過了XCode 7.3上安裝應用程序時， OS X El Capitan 10.11.3在控制檯日誌中打印了Using WKWebView消息，但緊接着在啓動畫面之後，應用程序容器變爲死亡白屏。只要我刪除該插件，就會使用UIWebView，並且該應用程序按預期工作。

替代方案：用帶集成本地主機的作品替換原始插件wkwebview-engine-localhost。據我瞭解，WKWebview應該得到Cordova和離開盒子的支持，而不必依賴一些帶有集成服務器的「實驗室插件」，該服務器是爲了支持我不需要的iOS 8而開發的。我知道WKWebView與舊的UIWebView相比有一些限制，特別是在處理file://陳述known issues時，但肯定肯定有人在那裏獲得了Ionic + Cordova WKWebView而沒有我所有的麻煩，對嗎？必須有更好的方法來爲webview實現簡單的速度改進。

我試過可能每個解決方案，配置，插件組合，cordova cli版本降級（對於WKWebView支持最低爲4.0.0），清除緩存並重置和重新啓動我的設備，新安裝和讀取平臺以及更新cordova ，npm，各種各樣的插件，但是除了上面的apache實驗室插件，它們或者根本沒有任何幫助，或者看起來像一個沒有改變任何東西的巨大混亂。

當通過本地Safari遠程調試設備上的ios應用程序時，我可以在元素樹中看到body標籤保持爲空，或者顯示角度元素的簡單「ng-view」佔位符。我正確的說，通過WKWwebView處理它的方式，通過cordova的方式檢索文件/角色腳本時必定存在問題？

注：應用程序本身的正常工作，無論是與ionic serve或ionic emulate ios，過了XCode部署到真實設備，只有當（因爲ionic run ios不工作，但是這是一個不同的故事）出現在白色屏幕。

任何幫助都非常感謝，因爲在我看來，我必須使用本地主機+ wkwebview插件或讓用戶遭受速度不佳。

非常感謝！

來源

2016-04-07 hajn

我正在研究使用具有WkWebView工作實現的IOS的CrossWalk。

https://crosswalk-project.org/documentation/ios.html

該項目由英特爾支持所以其背後堅實的支持。

另一種方法是嘗試安裝由Telerik開發的以下插件，該插件在WKWebView中交換。

https://github.com/Telerik-Verified-Plugins/WKWebView

科爾多瓦也移動到與一個插件支撐WKWebView爲好。對WKWebView的支持非常糟糕。它自iOS7發佈以來就充滿了bug。每個ios版本都在逐漸修復。

這裏是希望iOS 10做出一些改進。

來源

2016-06-10 14:36:06 TWilly

感謝您抽出寶貴的時間來提出一些鏈接 - 你有過成功，在離子項目整合人行橫道爲iOS？在他們的網站上http://ionicframework.com/docs/cli/browsers.html表明它們目前僅支持Android中的備用瀏覽器..關於Telerik：它需要使用cordova 3.x而不是4.x，這會帶來一大堆其他問題我的項目，我甚至不支持iOS 8，所以似乎還沒有一個明智的選擇呢 - 我也希望在昨天的WWDC之後對WKWebView（科爾多瓦）的支持將會增加.. – hajn

我發現這個線程表明不會有支持iOS的crosswalk插件，因爲它沒有超過當前WKWebView的真正優勢：http://stackoverflow.com/questions/33792527/cordova-crosswalk-ios-still-使用-uiwebview – hajn

我得到了一個使用WKWebview的ionic2項目。我想，我花了正在爲ionic1以及步驟：

1）安裝WKWebview插件：

ionic plugin add cordova-plugin-wkwebview-engine

2）安裝本地Web服務器插件：

ionic plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugins.git#master:local-webserver

3）在您的config.xml中添加/更改以下內容：

...

<content src="http://localhost:8080" />

...

<allow-navigation href="gap://ready" /> 
<allow-navigation href="http://localhost:*" />

...

<feature name="CDVWKWebViewEngine"> 
    <param name="ios-package" value="CDVWKWebViewEngine" /> 
</feature> 
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

來源

2016-06-30 09:36:50 flavordaaave

謝謝！這對我有效！ @ Ionic 2 – Edgar

對於我們來說，在iOS9下采用這種方法會導致一個空白屏幕。有任何想法嗎？ –

太棒了，爲我工作。你知道如果使用本地主機插件顯着降低WKWebview提供的性能收益？ – ghego1

甚至鹼性離子項目產生白色屏幕

回答

相關問題