Javascript Cordova webview显示白色屏幕，而不是加载微调器

我是Cordova的新手，正在尝试在我的Android应用程序中加载WebView（通过Inappbrowser调用）时显示微调器。几年前，ShAkKiR提供了一个Javascript spinner代码示例，我正试图利用它。我是Cordova应用程序构建新手，对Javascript也相当陌生，但我是HTML专家

如果我将微调器HTML分离出来，并在Firefox中测试它，微调器就会显示得很好。但是，在我的Android应用程序中，它不能正常运行。当WebView/Inappbrowser加载时，在加载我的页面之前，它仍然会显示令人尴尬的白色屏幕。但是，我的页面确实加载正确

下面是我的Cordova index.html文件中的代码，问题似乎发生在这里。请注意，URL是http，但我已将URL列为白名单

谁能告诉我我做错了什么？任何帮助都将不胜感激。谢谢

函数goOnline（）{
//在InAppBrowser中加载实际在线内容
//使用一些非常慢的页面进行测试
变量路径=”http://www.someexamplesite.com";
//使用“\u self”强制打开WebView。
var ref=cordova.InAppBrowser.open（路径“_self”，“位置=no”）；
//微调器html
var spinner=“.loader{position:absolute；margin left:-2em；left:50%；top:50%；margin top:-2em；border:5px solid#f3f3；border radius:50%；border top:5px solid#3498db；width:50px；height:50px；-webkit动画：旋转1.5s线性无限；动画：旋转1.5s线性无限；}-webkit关键帧旋转{0%{-webkit变换：旋转（0度）；}100%{-webkit变换：旋转（360度）；}}@关键帧旋转{0%{变换：旋转（0度）；}100%{变换：旋转（360度）；}”；
//此处加载了预期的网页
ref.executeScript（{code:”（function（）{document.write（\“”+spinner+“\”）；window.location.href='“+path+”；}）（）”）；
//loadstart事件
参考addEventListener（'loadstart'，函数（事件）{
//微调器不需要任何特定的设置
});
//加载停止事件
参考addEventListener（'loadstop'，函数（事件）{
//微调器不需要任何特定的设置
});
}