Javascript 如何在移动浏览器中以html（react）格式嵌入firebase存储中的pdf文件

我在firebase存储中有一个pdf文件，其url如下：

我想在我的react应用程序中显示这个。 我尝试使用html对象、嵌入和iframe。这三种方法在移动浏览器中都不起作用。它只显示一个“打开”按钮，点击后会自动将pdf下载到设备中

我还尝试将pdf链接附加到google pdf查看器url

像

但这并不奏效。现在，一个“打开”按钮显示，单击该按钮将打开一个新选项卡，并显示“无可用预览”，并提供下载文件的选项。我尝试了其他未存储在firebase中的pdf文件的URL，现在看起来效果不错

我不想把pdf下载到设备上。我只需要以某种方式嵌入它，就像它如何在桌面版本中完美工作一样

我尝试了react pdf、pdf viewer react js等库，但它们都帮不了我。

---

我已经挣扎了5天了。这是firebase存储URL的问题吗？使用其他后端（如node和mongoDB）会解决问题吗？

您的浏览器似乎无法以本机方式呈现PDF。 另外，您提供的url似乎是错误的，您可能需要更正。 更正url后，使用下面的url在移动浏览器中打开文件

---

"http://docs.google.com/gview?embedded=true&url=yourfileurl“

您的浏览器似乎无法以本机方式呈现PDF。 另外，您提供的url似乎是错误的，您可能需要更正。 更正url后，使用下面的url在移动浏览器中打开文件

---

"http://docs.google.com/gview?embedded=true&url=yourfileurl“

您好，url的xxxxxxx部分被隐藏是为了防止有人多次调用并达到firebase调用限制而误用它。另外，我所说的浏览器是Android中的普通chrome浏览器（最新版本）。我尝试使用这种格式，但如果您的浏览器更新到最新版本，恐怕它仍然无法加载到mobile browserscheck。您好，url的xxxxxxx部分被隐藏是为了防止有人多次调用并达到firebase调用限制而误用它。另外，我所说的浏览器是Android中的普通chrome浏览器（最新版本）。我尝试使用这种格式，但如果您的浏览器更新到最新版本，恐怕它仍然无法加载到mobile browserscheck上。

<iframe src=`https://drive.google.com/viewerng/viewer?url=${my_firebase_pdf_url}` width="400px" height="300px"  />