Question

我正在使用以下代码使用google与iframe显示pdf ..它工作正常。但我想禁用＆＃34;弹出＆＃34;我的网页上的zoomin选项旁边右上角显示的选项（点击打开我的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

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

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

Answer 2

以下解决方案对于删除预览按钮非常有用。添加iframe的此代码onload函数。它是在加载iframe后应用的。

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

Answer 3

可以使用sandbox停止iframe中弹出窗口的工作

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

allow-scripts：在iframe中运行javascript。
allow-same-origin：允许从Google查看器加载文件。
如果没有allow-popups，则当用户单击“弹出”图标时将不会发生任何事情。

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

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

3 个答案: