Question

因此，我们正在Ionic v3 PWA中实施navigator.share()（https://developers.google.com/web/updates/2016/09/navigator-share）。

它有效，但是我们遇到了一些我们不知道如何解决的问题：当弹出导航共享选择器时（用户可以选择收件箱，gmail，Twitter等），然后用户再按下android上的按钮（忽略出现的本机模态），该函数不会在promise中触发任何响应。不成功，不是错误。

这里的问题是我们在调用navigator.share函数之前显示加载微调器，如果用户在该精确时刻按下该按钮，我们就无法触发隐藏加载微调器的函数。

这是我们实现该功能的代码的一部分：

public share(title: string, message: string, url: string) {
    // if it's mobile & web (ie: chrome on android)
    if (this.isMobileWeb === true) {
        this.showLoading();
        if ((navigator as any).share) {
            (navigator as any).share({
                title,
                message,
                url,
            })
                .then(() => {
                    console.log('Success share');
                    this.hideLoading();
                })
                .catch((error) => {
                    console.log('Error share', error);
                    this.hideLoading();
                });
        }
        else {
            console.log('navigator.share() not supported.');
            this.hideLoading();
        }
    }
}

通过此实现，如果用户在本机共享模式出现时按下后退按钮，则不会引发任何成功或错误。这段代码有问题吗？

我还尝试在.then()函数中添加另一个回调函数，如：.then(successFn, errorFn)。永远不会调用errorFn。

感谢您的时间.-

Answer 1

这是Android中一个长期存在的错误。这是我的解决方案，但是我无法赞扬该技术。在下面链接的错误跟踪器中提到了此问题。请原谅使用ES6语法。这个想法是，您将直接调用此共享功能，而不是直接调用“ navigator.share”功能。

export default options => new Promise((resolve, reject) => {
  navigator.share(options).then(resolve).catch(error => {
    // Differentiate between user 'AbortError' and internal errors.
    // E.g. Internal error: could not connect to Web Share interface.
    if (error.message.startsWith('Internal error:'))
      error.name = 'InternalError';

    reject(error);
  });

  /*
   * https://bugs.chromium.org/p/chromium/issues/detail?id=636274
   * If the share promise is not resolved or rejected when focus is returned to
   * the window, then reject it after a 100ms delay.
   */
  let cancel = () => setTimeout(() => {
    window.removeEventListener('focus', cancel);

    let error = new Error('Share cancelled');
    error.name = 'ShareTimeout';
    reject(error);
  }, 100);

  window.addEventListener('focus', cancel);
});

当用户取消Android

1 个答案: