javascript – 从页面停用浏览器打印选项(页眉,页脚,页边距)?
有没有办法,用CSS或javascript,以更改默认打印机设置,当有人在他们的浏览器打印?当然,“从他们的浏览器打印”我的意思是某种形式的HTML,而不是PDF或一些其他插件依赖mime类型。
请注意:
如果一些浏览器提供这个和其他的没有(或者如果你只知道如何做一些浏览器),我欢迎特定于浏览器的解决方案。
同样,如果你知道一个主流浏览器对EVER有这样的限制,这也是有帮助的,但一些相当新的文档将被赞赏。 (简单地说,“违反XYZ的安全政策”在XYZ在过去三年里对所述政策做出重大改变时并不十分令人信服)。
最后,当我说“更改默认打印设置”我不是指永远,只是为我的页面,我具体指的是打印边距,页眉和页脚。
我非常清楚,CSS提供了改变页面方向以及页面边距的选项。其中一个困难是火狐。如果我将页边距设置为1英寸,它将ADDS这个半英寸它已经放置到位。
我非常希望减少在我的客户的网站上的PDF的使用,但是对演示的侵犯(以及缺乏可靠性)是他们的主要关注。
缺点是不同浏览器的行为不一致。 Safari仍然不支持设置打印机页面边距,但所有其他主要浏览器现在都支持它。
使用@page指令,可以指定页面的打印机边距(与HTML元素的常规CSS边距不同):
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Print Test</title><style type="text/css" media="print">@page {size: auto; /* auto is the initial value */margin: 0mm; /* this affects the margin in the printer settings */}html{background-color: #FFFFFF; margin: 0px; /* this affects the margin on the html before sending to printer */}body{border: solid 1px blue ;margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */}</style>
</head>
<body><div>Top line</div><div>Line 2</div>
</body>
</html>
这在Firefox 3.6,IE 7,Safari 5.1.7或Google Chrome 4.1中无效。
设置@page margin在IE 8,Opera 10,Google Chrome 21和Firefox 19中有效果。
尽管在这些浏览器中您的内容的页面边距设置正确,但是在解决页眉/页脚隐藏方面的行为并不理想。
这是它在不同的浏览器中的行为:
>在Internet Explorer中,边距在此打印设置中实际设置为0mm,如果您执行预览,则默认情况下将获得0mm,但用户可以在预览中更改。
您将看到页面内容实际上位置正确,但浏览器打印页眉和页脚显示为非透明背景,因此有效地隐藏该位置的页面内容。
>在Firefox的较新版本中,它的位置正确,但是显示了页眉/页脚文本和内容文本,因此它看起来像是浏览器页眉文本和页面内容的混合。
>在Opera中,当在标准css中使用非透明背景时,页面内容隐藏标题,并且页眉/页脚位置与内容冲突。非常好,但看起来奇怪,如果margin设置为一个小的值,导致头部分可见。页面边距也未正确设置。
>在Chrome较新版本中,如果将@page margin设置为小到页眉/页脚位置与内容冲突,则浏览器页眉和页脚将被隐藏。在我看来,这正是这应该如何行为。
所以结论是,Chrome有最好的实现这一点,隐藏的页眉/页脚。
javascript – 从页面停用浏览器打印选项(页眉,页脚,页边距)?相关推荐
- 论文页眉设置 奇偶页页眉均为章序及章标题 论文按章节设置页眉
文章目录 1 问题描述 2 解决办法 2.1 每一章添加分节符 2.2 分章添加页眉 3 可能遇到问题 页眉要求: 页眉使用宋体5号字,居中排列: 页眉从正文第1章开始标注. 硕士学位论文单面打印,奇 ...
- 论文中英文摘要、目录、每章的页眉不同,页脚处的页码自动连续设置方法
第一步 :设置不同页眉 设置不同页眉 第二步:为页码连续做准备工作 为页码连续做准备工作 第三步:页码自动连续 页码自动连续
- js 页面打印,兼容单个打印和分页批量打印,自定义页眉和简单页脚
场景: 最近在公司做开发,有个需求需要页面打印功能,作为前端半桶水都不到,只会改页面的我,一脸懵逼,公司里也没人系统的做过,按照惯例,本着有事找度娘的心态(我一直认为我们现在遇到的70%-80%的问题 ...
- python-docx 页眉-清除原页眉图像插入自适应图像
注意:python-docx页眉插入图像仅支持插入"嵌入式"图像,即内联形状. 一.清除原页眉图像 我查到如下方法: for i in range(len(footer.parag ...
- 超简单的页眉页脚设置(摘要、目录页眉不同、页脚页码连续)
毕业论文用word写的,涉及到自己修改摘要目录的页眉页脚 刚开始搜索的教程.动态图教程都没有一目了然的帮我解决问题,后面多查了几次,还是找到了.在此做个简单记录,便于以后使用. 接下来直接点击被分隔到 ...
- 一、后端:针对用JAVA POI解决已知路径WORD文件增加自定义页眉,灵活设置页眉字体部分样式@2019
一.获取添加页眉doc文件 我的项目文件路径: String reportSavePath= "****************"; DOCX文件一: changer.setAcc ...
- 删掉带页眉的空白页结果把所有页眉都删掉解决办法
点击视图--大纲--会发现在之前的操作中有两个分节符,把上面那个删掉即可. 参考链接https://zhidao.baidu.com/question/105591450.html 小问题也蛮耗时的
- 前端,google浏览器页眉页脚处理
在我们日常的工作中,经常需要处理打印的问题.打印问题中多多少少需要携带页眉页脚的,下面代码多多少少可以给您带来些帮助. 下述代码只在谷歌浏览器中进行了测试,如果在别的浏览器有问题,见谅. <!D ...
- html图片怎么放在页眉的中心,如何将HTML页眉和页脚添加到页面?
一般来说,禁止在onStartPage()事件中添加内容.禁止在onEndPage()中向文档对象添加内容.您应该使用PdfWriter,NOT文档在onEndPage()方法中添加页眉和页脚.另外: ...
最新文章
- 国庆双节长假旅游出行必装的手机软件
- 【文本分类】BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding
- iOS之深入解析如何构建静态库
- 不浮躁的社会是什么样的?
- 奇妙的 CSS shapes(CSS图形)
- 68. 文本左右对齐
- 什么是spring_Spring 源码第三弹!EntityResolver 是个什么鬼?
- ASP.NET MVC基础入门.
- inventor软件绘制百叶窗方法_三维工厂设计该使用什么软件?
- 算法(Algorithms)第4版 练习 2.1.24
- 打开python文件式_Python File(文件) 方法
- Android中插件开发篇之----类加载器
- zookeeper的会话
- 9个有用的php功能
- 死锁——哲学家就餐问题
- 什么方法可以显著提高程序员工作效率
- 希腊字母在数学或物理中代表的意思各是什么
- Stata: 实时估计个股贝塔(beta)系数
- 什么是大型机和小型机
- TypeScript及TypeScript在vue3.0项目中的基本使用