Question

我已使用iframe google drive pdf查看器将pdf嵌入我的网站，以下是我使用的代码

它可以正常工作，但是我想删除显示在我网站右上角的弹出按钮，以使查看者无法在我的页面之外查看 ![enter image description here ] 1

任何帮助将不胜感激

Answer 1

我能够使用以下 iframe sandbox 属性值解决这个问题：

<iframe sandbox="allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-presentation allow-same-origin allow-scripts allow-top-navigation allow-top-navigation-by-user-activation"
        src=""
        width="640"
        height="480"
        https://docs.google.com/gview?embedded=true&url="<url-your-pdf>"?t="1625427767140"></iframe>

Answer 2

使用此代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        iframe{
  height:100vh;
}
    </style>

</head>
<body>



<iframe src="https://docs.google.com/viewer?url=http://www.pdf995.com/samples/pdf.pdf&embedded=true" width="100%" height="100vh" frameborder="0" scrolling="no" ></iframe>

<div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">&nbsp;</div>
<!-- </div> -->
</body>

</html>

Answer 3

尝试以下操作：在弹出按钮顶部使用隐藏元素将使其无法访问。或者，如果要隐藏，请去除不透明度并设置背景颜色。

<div style="width: 640px; height: 480px; position: relative;"> 
      <iframe src="http://docs.google.com/viewer?url=YOUR PDF/DOC FILE URL &embedded=true"   width="640" height="480" frameborder="0" scrolling="no" seamless=""></iframe>
      <div style="width: 40px; height: 40px; position: absolute; opacity: 0; right: 12px; top: 12px;">&nbsp;</div>
 </div>

如何在带有Google Drive嵌入式iframe的pdf查看器中禁用弹出选项

3 个答案: