使用javascript jquery在google文档查看器中隐藏弹出窗口

我正在使用谷歌文档查看器在我的应用程序的对话框中显示word和PDF文件。但我的客户需要的文件不应该得到下载。所以我想隐藏“弹出”选项。请帮帮我。下面是我的代码片段：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(function () {
        $("#btnShow").click(function () {
            $("#dialog").dialog({
                modal: true,
                title: '',
                width: 750,
                height: 450,
                buttons: {
                    Close: function () {
                        $(this).dialog('close');
                    }                   
                },
                open: function () {
                    var object = "<iframe id='resViewer' src='https://docs.google.com/viewer?url=my_file.pdf&embedded=true' style='width: 700px; height: 700px;' frameborder='0'></iframe>";                    

                    $("#dialog").html(object);
                }
            });
        });
    });
</script>
<input id="btnShow" type="button" value="Show PDF" />
<div id="dialog" style="display: none">
</div>

$（函数（）{
$（“#btnShow”）。单击（函数（）{
$（“#对话框”）。对话框({
莫代尔：是的，
标题：“”，
宽度：750，
身高：450，
按钮：{
关闭：函数（）{
$（this.dialog（'close'）；
}                   
},
打开：函数（）{
var object=“”；
$（“#dialog”）.html（对象）；
}
});
});
});

请帮帮我

如果有人知道任何其他的方式来显示word和PDF文件都给我的方式或建议

---

谢谢。

以下CSS将删除弹出按钮

div[aria-label="Pop-out"] {
    display: none;
}
div["aria-label=toolbar"] {
    width: 52px;
}

---

但是为了让CSS应用于iframe，您必须做一些技巧。请参见和

您可以使用CSS规则

display:none

停止弹出按钮的显示。您能帮我一下吗。我无法隐藏它。噢，哇，谷歌正在使用像ndfHFb-c4YZDc-MZArnb-LgbsSe ndfHFb-c4YZDc-to915-LgbsSe这样的类名，这让一切都变得很困难。为什么你的客户如此反对别人下载他的PDF？网络上已经有供大家查看的内容，我看不出一个人的PDF本地副本有什么不好，他们可以打印出来并查看。@Mr.Me，所以无法隐藏该按钮：（我在样式标签中设置了如下内容：div[aria label=Pop out]{display:none；}div[aria label=toolbar]{width:52px；}但这不起作用。请告诉我在哪里设置它？所以我打开了一个谷歌文档，去了文件发布，他们给我的嵌入代码没有下载链接。看到这个小提琴了吗？还有，当我单击“共享”和“高级”时，底部有一个阻止下载、打印和复制的选项。我正在使用存储在Azure Blob存储中的文件。一个PDF和word文件。请您指导我。我忘了CSS不会影响iframe。您必须使用JavaScript动态地将样式表附加到iframe。请参阅下面关于如何执行此操作的问题--我尝试创建一个小文件，但这是我所能做到的。但是如果您不这样做，请参阅“您处理的文件不多，谷歌文档中有一个选项可以防止下载文件。此外，在上一条评论中的SO问题中，由于cors政策，我发布的许多答案不再有效。我用一个更好的问题更新了答案，您可以查看。