Div onClick link 不适用于移动 safari 但适用于 chrome

Question

我有一个 link 可以下载可在桌面和移动设备上使用的 pdf 文件 chrome；但不适用于移动版 Safari 浏览器。

我怀疑悬停有问题并删除了它。但还是不行。

我在 React 上有以下代码。

<div className={styles.link} onClick={downloadPDF}>
     Download 
</div>

而 css 是

.link {
  padding-top: 10px;
  color: blue;
  text-align: right;
  cursor: pointer;
  &:hover {
    color: blue;
    text-decoration: underline;
  }
}

这个 css 没有用，所以像下面这样删除了悬停，但仍然没有用。

.link {
  padding-top: 10px;
  color: blue;
  text-align: right;
  cursor: pointer;
  text-decoration: underline;  
}

有没有任何人可以建议的帮助？

Answer 1

我有办法了。在 Safari 设置中禁用了弹出窗口拦截器。有效。现在点击link.

会弹出来询问是否允许

Div onClick link 不适用于移动 safari 但适用于 chrome

Div onClick link not working on mobile safari but works on chrome

css

reactjs

hyperlink

mobile-safari

mobile-chrome