javascript - 应用程序浏览器中的 Phonegap 无法加载，显示空白页面

Question

这是phonegap主文件www/index.html我想像 native 应用程序一样加载我的网站，脚本:

//var ref = cordova.InAppBrowser.open('http://website.com/page/index.php', '_self', 'location=no');
 document.addEventListener("deviceready", function(){
       window.open = cordova.InAppBrowser.open('http://website.com/page/index.php', '_self', 'location=no');
 },true);

</script>

我的phonegap config.xml文件

<plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0" />
<content src="index.html" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />

我的网站也在所有页面中启用

header('Access-Control-Allow-Origin: *');

脚本中的网站根本不是我的网站，因为我在本地主机上运行它，我使用手机浏览器在同一网络中测试了该网站，它工作得很好，但是当我尝试通过手机间隙应用程序加载时，它显示空白页

Answer 1

您的代码正在更改 windows.open() 的原型(prototype)默认值，而不是实际打开任何内容；

您需要的是:

window.open = cordova.InAppBrowser.open;//change default prototype to cordova
var ref = cordova.InAppBrowser.open(url, target, options);//inappbrwoser reference

然后你可以执行 ref.close(),show(),hide() 等。

您还可以添加EventListener