个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
在IOS的Safari中，打印和关闭JavaScript功能似乎不像其他浏览器那样起作用。如果单独调用window.print()似乎可以正常工作。但是，如果您随后立即调用window.close()，则尽管打印预览窗口仍处于打开状态，但它似乎关闭了窗口并打印了预览，它不等待打印预览完成或取消以关闭窗口，而只是关闭了窗口立即打开。
我创建了一个用于打印表格的按钮。它将在新窗口中打开表格，并打开打印功能，并稍等片刻，以使浏览器可以打开页面并呈现表格。打印完成后，应该关闭窗口。
提示:如果您拥有Mac和Xcode，则可以通过启动服务器python -m SimpleHTTPServer 8000来打开iPhone模拟器并使用python访问localhost。要访问模拟器，请依次打开Xcode和Xcode> Open Developer Tools> Simulator
这是代码:
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<table class="table">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
</table>
<button onclick="myPrintFunction()">Click me</button>
<script>
function myPrintFunction() {
let divToPrint = document.getElementsByClassName("table")[0];
if (typeof divToPrint !== 'undefined') {
let newWin = window.open();
newWin.document.write('<h1>PRINT FRIENDLY</h1>');
newWin.document.write(divToPrint.outerHTML);
newWin.document.close();
newWin.focus();
setTimeout(()=>{
newWin.print();
newWin.close();
}, 1000);
} else {
alert('NO EVENTS TO PRINT!');
}
}
</script>
</body>
</html>
最佳答案
我避免使用write()，因为它删除了DOM。然后，我同时添加了打印和关闭按钮。为了避免渲染这些图像，我让它们消失并在10秒后重新出现。
// detect Safari
if (navigator.userAgent.indexOf("Safari") !== -1) {
// make print button
const print_button = document.createElement('button');
const print_button_text = document.createTextNode("Print");
print_button.appendChild(print_button_text);
print_button.addEventListener(
"click",
function() {
// hide the buttons before printing
print_button.style.display = 'none';
close_button.style.display = 'none';
newWindow.print();
// delay reappearing of the buttons to prevent them from showing on the print
setTimeout(() => {
print_button.style.display = 'block';
close_button.style.display = 'block';
}, 10000);
},
false
);
// make close button
const close_button = document.createElement('button');
const close_button_text = document.createTextNode('Close');
close_button.appendChild(close_button_text);
close_button.addEventListener(
"click",
function() {
newWindow.close();
},
false
);
newWindow.document.body.appendChild(print_button);
newWindow.document.body.appendChild(close_button);
};
关于javascript - window.print()和window.close()函数Safari IOS在不等待打印预览的情况下关闭窗口，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53916266/
24
4
0
此错误显然源于 xlsxwriter。我不确定它来自我的代码的哪一行，因为每次我尝试调试时，我的编辑器 Visual Studio 2019 都会崩溃。但是，在使用 VPN 和远程桌面连接时，我在笔记
我有一个用于原型(prototype)的游戏数据表。我在工作时生成数据，但当我离开并且我的机器进入休眠状态时，数据生成停止。这导致我的元素收藏出现很大差距。 我希望能够移动表格的 DateTimeCr
我正在使用wavesurfer在我的网页上显示歌曲波形。我正在使用以下代码 - function setupSongwaves(songJson) { var songwaveid = '#s
我是 JDBC 新手... Student类有Constructor、add()、update()和delete()等方法... 在构造函数中打开连接。下面代码中的 conn.close() 和 ps
考虑以下代码，它是许多 ChannelFactory 示例的典型代码: WSHttpBinding myBinding = new WSHttpBinding(); EndpointAddress m
我正在阅读 Java Data Access — JDBC、JNDI 和 JAXP，了解 Connection、PooledConnection 接口(interface)。据我了解， PooledC
我正在做我的第一个 android 学习教程，但遇到了标题描述的这个错误..这是我试图在 Eclipse 上做的应用程序，java，这是我的代码..(代码是自动生成的由项目) package com.
我正在使用 JPA、Hibernate、Jboss 和容器管理事务。当我尝试用数据保存我的大实体时，它会抛出以下异常。将我的实体视为图形模型。这个异常并不是每次都会抛出。 ERROR [org.jbo
我有 GWT 应用程序，它与 AdaptivePayment API 上的灯箱集成。 我无法使用提供的代码关闭取消/返回页面: dgFlow = top.dgFlow || top.opener.to
即使我已经实现了上述方法 close()，Eclipse 仍向我显示上述错误。 代码如下: public void update_project(View view) { EditText c
在我的网络应用程序中，我广泛使用了数据库。 我有一个抽象的 servlet，所有需要数据库连接的 servlet 都继承自它。该抽象 servlet 创建一个数据库连接，调用必须由继承 servlet
我在这里看到很多答案都说要使用 close() 来销毁套接字，但我使用的指南来自 msdn让我使用 closesocket()。我想知道是否存在差异，是否有理由使用其中一种。 在这两种情况下，我都看到
我在 python 中使用 with 语句( PEP 343 ) 时遇到了一些问题，以便在上下文之后自动管理资源清理。特别是，with 语句 始终假定资源清理方法是 .close()。 IE。在下面的
在本地连接上调用 RTCPeerConnection.close() 时，我希望远程连接接收到 closed connectionstatechange 事件。 相反，几秒钟后出现disconnect
我正在使用 netty 3.6.6。 有人可以解释以下两个代码之间的区别吗？ channel.close(); channel.write(ChannelBuffers.EMPTY_BUFFER).a
WebSocket.readyState可以是CONNECTING、OPEN、CLOSING或CLOSED。 CLOSING 和 CLOSED 状态有什么区别？为什么区分这两种状态很有用？我可以将 C
想象一下，您在 Python 中打开了某个文件(无论是用于读取、写入还是其他)。我刚刚注意到，当您想关闭该文件时，您可以输入: somefile.close() 或者您可以输入: somefile.c
我在我的应用程序的各种类和线程中打开、访问、写入等数据库。我有一个数据库 self.run_params["db"] 我在整个应用程序中都使用它来访问。 问题 1:我是否应该在每次访问后关闭光标？ 问
我正在尝试创建一个 vanilla JavaScript 模态，当从 HTML 文件(或 JS 文件)实例化它时，它具有由用户自定义的能力。但是，在处理关闭模式的 close() 函数时，不是一次关闭
所以这可能是一个菜鸟类型的问题，但这就是我想知道的。 假设我有两个屏幕，第一个屏幕是 idk，例如 Screen1。假设用户在 Screen1 上点击了OK，这会将他们带到Screen2。 我目前正在
我是一名优秀的程序员,十分优秀！