gpt4 book ai didi

javascript - 在 JS、JQ 或 Angular 中打印远程页面

转载 作者:行者123 更新时间:2023-11-28 01:32:46 28 4
gpt4 key购买 nike

我有一些页面需要打印,但是当我开始打印时,预览很丑,我不能选择和修改我想要的元素(我只有几个元素要打印,其他的我只隐藏用于打印)。

我没有成功地用 less(使用 @media print)做到这一点,所以我制作了一个模板,并在其中注入(inject)了我想要显示的用于打印的元素(使用 AngularJS) .问题是原始页面类似于 http://example.com/id/page-name/?tab=media。但是我在我的脚本中放置了一个监听器,它捕获打印事件并将用户重定向到 http://example.com/id/page-name/?tab=media&print=true

然后超时启动打印脚本 (window.print()),当用户离开打印页面时,脚本将他重定向到 http://example.com/id/页面名称/?tab=媒体

问题是它会关闭/打开很多窗口,这可能会让用户感到不舒服。我认为我的解决方案很奇怪且笨拙,但我发现没有别的办法......

那么你有没有打印远距离页面的解决方案,它不会产生很多关闭/打开帧?

例如,当我在 http://example.com/id/page-name/?tab=mediaCtrl+P 时,它会打印 http://example.com/id/page-name/?tab=media&print=true 页面,而不是原始页面?

document.location.href="http://example.com/id/page-name/?tab=media&print=true".print(); print('http://example.com/id/page-name/?tab=media&print=true'); ?

我希望这是可能的!

最佳答案

你可以从这个问题中得到一些想法angularJS UI tab print selected contend from tab并创建像

这样的打印功能
  $scope.print = function (divName) {
var printContents = document.getElementById(divName).innerHTML;
var popupWin = window.open('', '_blank', 'width=800,height=700');
popupWin.document.open()
popupWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="style.css" /></head><body onload="window.print()">' + printContents + '</html>');
popupWin.document.close();
}

关于javascript - 在 JS、JQ 或 Angular 中打印远程页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29802244/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com