html - 如何使用 google doc iframe 在 pdf 查看器中禁用弹出选项？

Question

我正在使用以下代码使用带有 iframe 的 google 显示 pdf .. 它工作正常。但我想禁用我网页上放大选项旁边右上角的“弹出”选项（单击在新选项卡中使用谷歌文档打开我的 pdf）。可能吗？

目前我正在使用以下代码 -

<iframe src="http://docs.google.com/gview?url=http://example.com/files/myfile.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0">

Answer 1

可以sandbox用来停止popup内部工作iframe

<iframe 
    sandbox="allow-scripts allow-same-origin"
/>

allow-scripts：在 iframe 中运行 javascript。
allow-same-origin：允许从谷歌查看器加载文件。
没有allow-popups，当用户点击 pop-out图标时不会发生任何事情。

来源：https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

Answer 2

在您的页面上运行此 javascript（带有 jQ​​uery 的示例）（我假设所有客户端的类都相同）

$('.ndfHFb-c4YZDc-Wrql6b').remove();

Answer 3

以下解决方案对于删除预览按钮很有用。添加您的 iframe 的此代码 onload 功能。它在 iframe 加载后应用。

var head = $("#iframe").contents().find("head");
var css = '<style type="text/css">' +
          '.ndfHFb-c4YZDc-Wrql6b{display:none}; ' +
          '</style>';
$(head).append(css);