JS Progress Bar在InAppBrowser

时间:2017-07-11 08:41:42

标签: javascript android cordova inappbrowser phonegap

我在Cordova应用中使用了progressbar.js Progress Bar

我的cordova应用程序使用' inAppBrowser'打开一个远程html页面(相同的网络,但远离设备)。插件。

当我在Ripple中调试/测试时,所有工作都按预期工作,但是在Android设备上,当在' inAppBrowser'中查看此页面时,进度条无法初始化。

我尝试过两种不同的Android设备,效果相同。

当在普通的Chrome浏览器中在Android上查看带有进度条的同一页面时,它会按预期工作。我的应用只是使用' inAppBrowser'导航到此页面,这就是它破坏的地方。

所有其他JS在' inAppBrowser'中查看的页面中工作正常,因此它是progressbar.js特有的。

我不知道如何调试这个,因为它肯定是某个地方抛出的javascript错误,但是我无法调试“inAppBrowser”#39; inAppBrowser' Android设备上的页面。 (或者更好,我不知道如何/如果我能做到这一点?)

Chrome远程调试功能可以在Android设备上运行Chrome中的代码,这就是我的网页实际运行的位置,因此我无法看到这对我有何帮助。

有什么建议吗?

由于

2 个答案:

答案 0 :(得分:0)

使用chrome开发人员工具chrome://inspect/#devices将允许对Android设备上的chrome中加载的任何页面进行远程调试,因此假设您使用inappbrowser将页面加载到chrome中,这将允许您查看正在发生的事情

答案 1 :(得分:0)

查看了documentation

看起来你可以使用:

inAppBrowserRef.addEventListener('loaderror', loadErrorCallBack);

function loadErrorCallBack(params) {

$('#status-message').text("");

var scriptErrorMesssage =
   "alert('Sorry we cannot open that page. Message from the server is : "
   + params.message + "');"

inAppBrowserRef.executeScript({ code: scriptErrorMesssage }, executeScriptCallBack);

inAppBrowserRef.close();

inAppBrowserRef = undefined;

}