我可以在Chrome的新标签页中显示pdf。
但是我在页面周围看到一个不需要的框。
我使用对象标记嵌入文档，但是我也使用iframe始终显示边框（frameborder设置为0），并且使用的样式也没有更好的效果。
我认为问题在于，当我创建一个新文档时，这会为我创建一个html过度结构，这是我不需要的。
这是我的JavaScript代码：
var windowTab= window.open();
var blob = new window.Blob([response], { type: 'application/pdf' });
var file = URL.createObjectURL(blob);
windowTab.document.write('<object data="' + file + '" style="border:0px; margin:0px; padding:0px;
width:100%; height:100%;" allowfullscreen></object>')
这是生成的html：
<html>
<head>
</head>
<body>
<!-- This is my document !-->
<object data="blob:http://localhost:8080/f3a8347d-1052-4460-acc8-ecb8d6be0861" allowfullscreen="">
<!-- this html is unnecessary -->
<html>
<head></head>
<body>
<embed width="100%" height="100%" src="about:blank" type="application/pdf"
internalid="CAE747DCA94CCEFA3C50345F9D12986A">```</body>
</html>
</object>
</body>
</html>
最佳答案
尝试将所有border设置为0px或none
body,
html,
object,
embed{
border: 0px !important;
}
Reference Link
关于javascript - 嵌入文档时不需要的页面边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59265200/