Cordova / PhoneGap 瘦加载栏插件？答案

【问题标题】：Cordova / PhoneGap thin loading bar plugin?Cordova / PhoneGap 瘦加载栏插件？
【发布时间】：2016-10-09 02:20:07
【问题描述】：

我只是想知道是否有人知道 Cordova / PhoneGap 的任何“瘦”加载栏插件。我的意思和你在 iOS 设备上的 Safari 中看到的一样：

图片中的蓝线就是我的意思。

当页面加载时，蓝线会延伸，直到页面完全加载并消失。

有类似的东西吗？

【问题讨论】：

【解决方案1】：

尝试并在此处搜索您想要的插件：

以下是一些您可能会喜欢的结果：

【讨论】：

在发布我的问题之前，我已经搜索了该网站和其他网站。不幸的是，我找不到我想要的，尽管这可能是因为我使用了错误的关键字。至于你链接的两个，他们不是我想要的。这些是状态栏插件。我正在寻找 Cordova 浏览器的加载插件，但感谢您的尝试！
想要一个启动画面？ cordova.apache.org/docs/en/latest/reference/…
没有。如果您在 iOS 设备上启动 Safari 并访问任何网站，您会在加载时看到一条横穿屏幕的线条。此行是一条进度线，可让您知道网站何时已全部加载。
@Phil，“Cordova 浏览器”是什么意思？你说的是 InAppBrowser 吗？
@johnborges 我安装了 InAppBrowser，因为我需要它来实现某些功能（我不记得是哪个），但“Cordova 浏览器”是指默认情况下 Cordova 附带的标准浏览器。 IE。在我创建一个新项目并构建之后，我们将启动我所说的“Cordova 浏览器”

【解决方案2】：

查看Progress Indicator Plugin这是我能在搜索中找到的最通用的插件。

此插件允许您在 iOS 上显示本机进度指示器。有几种可用的指示器：

【讨论】：

我偶然发现了进度指示器插件，虽然 Bar 类型是最接近的，但不幸的是它并没有达到我想要的效果。
johnborges 列出的内容基本上是我想要的 (kimmobrunfeldt.github.io/progressbar.js)，但我更希望它是 Cordova / PhoneGap 的原生版本。当您转到该链接时，您会注意到顶部出现一个蓝色条。这将是理想世界中的加载栏。

【解决方案3】：

使用简单的 JS 有很多方法可以做到这一点，不需要插件。这是一个使用第三方库的example。

【讨论】：

谢谢@johnborges。如果不存在实际的解决方案，这可能是我使用的。理想情况下，我希望显示一个实际的进度条，但我可能不得不通过在链接点击时显示 25% 并在显示下一页时显示剩余的 75% 来伪造它。