JS实现打印遇到的各种问题处理，JavaScript拉取浏览器print()方法打印遇到的问题解决，html实现打印机打印

慕云枫

已于 2022-12-07 18:22:26 修改

阅读量1.8k

点赞数 1

分类专栏：前端插件效果前端文章标签： html javascript css

于 2022-12-07 14:41:33 首次发布

本文链接：https://blog.csdn.net/weixin_43992507/article/details/128219860

版权

前言

使用JavaScript实现浏览器拉取打印机打印，遇到的各种问题在此记录！

实现

复制这串代码过去就可以使用了，把那个图片路径换成自己的即可

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>打印</title>
		<style>
			html,
			body {
     
				padding: 0;
				margin: 0;
			}
			
			body {
     
				-webkit-print-color-adjust: exact;/**不加这个，无法显示白色字体*/
			}
			
			button{
     
				border: 0;
			    background: #8dd97f;
			    color: #fff;
			    border-radius: 4px;
			    padding: 5px 10px;
			    margin: 10px;
			    cursor: pointer;
			}
			img{
     
				width: 150px;
				border-radius: 5px;
			}
			.text{
     
				background: #456dff;
				border-radius:5px;
				padding: 20px;
				color: #fff;
				width: 150px;
			}
			
			/** 打印时，使用的样式*/