Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何打印被javascript更改的页面?

如何打印被javascript更改的页面?
EN

Stack Overflow用户
提问于 2014-03-23 21:14:45
回答 1查看 65关注 0票数 0

这是我所拥有的一个屏幕截图

用户可以通过删除项、添加项或单击项以将其划出来更改页面。我希望用户能够打印他们用javascript修改过的页面。据我所知,要让用户打印,您可以创建一个具有不同样式表设置的单独文件。

我使用Rails 4,我想我应该使用为用户创建一个PDF格式。

1)我不知道如何生成正确的文档,删除、添加和删除正确的内容。

2)我不太清楚如何生成文档,这样它就没有导航之类的东西(因为打印出来的列表不需要导航)。我想用CSS把它藏起来。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-03-24 00:26:28

( 1)客户正在进行的更改是客户端的?在这种情况下,跟踪所有用户的更改,当用户单击"print“时,将所有这些更改像参数一样发送到rails,这样您就可以从rails操作中呈现要打印的正确信息。

但是通常,在rails/javascript应用程序上,当用户在客户端对javascript执行不同的操作时,它会调用一些ajax代码来通知rails应用程序更改的情况,这样您就可以将新的状态存储在rails数据库中,以便用户稍后可以重新加载状态。还可以将应用程序的状态存储在会话或临时缓存中。

2)当我要自定义用户打印的内容时,我会隐藏我不想打印的类,在html上,当包含css时,您告诉浏览器css应该应用于打印的文档,包括媒体打印,例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
stylesheet_link_tag "my_style", media: "print"

然而,在这种情况下,您没有使用浏览器打印功能,据我从您的问题中所能理解的,您将生成一个pdf,因此,您将结束从rails呈现视图,您可以添加一个参数,让视图知道它将呈现用于打印(因此您可以绘制自定义css或只是避免呈现导航栏),或者您可以使用自定义代码/视图调用不同的操作来生成pdf。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22601562

复制
相关文章
JavaScript 中如何打印对象
我们一般通过使用 console.log 把变量或者对象输出到浏览器的控制台(console)的方法调试 JavaScript 程序,但是在移动端开发 JS 程序的时候,就没有那么好方便,可以使用 console.log 的方式来调试,对于变量我们可以使用 alert 函数来输出进行调试,如果变量,使用 alert 函数的话,浏览器只会告诉你这个只是一个变量,而不能打印出里面的内容,非常不方便,于是整理总结如下的函数,能够将数组或者对象这类的结果一一打印出来,具体代码如下:
Denis
2023/04/15
2K0
WEB页面打印方法,包括如何设置打印分页(转)
最常用的就这3个方法了,写在按钮控件的ONCLICK事件里,当按钮CLICK的时候就会除法打印的事件了
山河木马
2019/03/05
3.5K0
javascript如何监听页面刷新和页面关闭事件
在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。
兔云小新LM
2020/05/19
12.6K0
【说站】PDF如何更改页面尺寸大小,QI插件改变PDF页面大小
2、Quite Imposing plus3 PDF拼版插件中文汉化破解版(Acrobat Pro DC的QI插件)
很酷的站长
2022/11/24
2.8K0
【说站】PDF如何更改页面尺寸大小,QI插件改变PDF页面大小
如何防止 WordPress 页面被 Frame 嵌入
WordPress 生成的前台页面,默认是可以被其他网页通过 Frame 方式嵌入的,这样对用户存在安全隐患,如果不想被其他网页嵌入,如何设置呢?
Denis
2023/04/13
7920
如何防止 WordPress 页面被 Frame 嵌入
使用VBA自动更改Excel打印区域
在Excel中,将打印区域设置在移动单元格区域内可能是比较困难的事。你可能希望捕捉特定单元格区域为打印区域,或者让打印区域仅考虑某些列。假设在Excel工作簿中有几个辅助列,不希望打印这些列,但希望这些列可见。可以手动设置打印区域以排除非打印区域,但现在已经添加了更多数据,并且希望以同样的方式更新打印区域。
fanjy
2022/11/16
2.2K0
如何使用JavaScript漂亮地打印JSON对象
在之前的文章中,我们研究了如何使用JSON.stringify()方法将JSON对象序列化为JSON字符串。 当从客户端向服务器发送JON数据时,这非常有用。
ccf19881030
2020/10/26
5.8K0
更改PPT所有页面字体与页面颜色的技巧
在评估期间,无心插柳地探索到一个新技术,就是关于PPT课件统一更改字体颜色和页面背景颜色的问题。
用户1191760
2019/02/27
5.6K0
Selenium 如何定位 JavaScript 动态生成的页面元素
Selenium 是一个自动化测试工具,可以用来模拟浏览器的操作,如点击、输入、滚动等。但是有时候,我们需要定位的页面元素并不是一开始就存在的,而是由 JavaScript 动态生成的。这时候,如果我们直接用 Selenium 的 find_element 方法去定位元素,可能会出现找不到元素的错误,因为页面还没有加载完成。为了解决这个问题,我们需要使用一些特定的定位技巧,让 Selenium 等待元素出现后再进行操作。
jackcode
2023/04/19
3.1K0
Selenium 如何定位 JavaScript 动态生成的页面元素
JavaScript打印Excel、Word
之前写过一篇文章,使用java调用打印机打印Excel文件: java调用打印机:http://blog.csdn.net/wangxiaoan1234/article/details/76032280 但是java运行与服务器上,外部访问无法调用本地打印机。 假设项目需求为:点击按钮打印某个报表(Excel)。当项目发布到服务器上后,当使用java调用打印机,无论哪台电脑访问页面,点击打印按钮,调用的都是java所运行的服务器上的打印机。
全栈程序员站长
2022/11/18
2.1K0
JavaScript打印Excel、Word
JS 实现简单的页面局部打印
使用很简单 将页面内要打印的内容加入中间<!--startprint1-->XXXXX<!--endprint1--> 再加个打印按纽 onclick=preview(1)
李维亮
2021/07/09
6.4K0
小程序在“页面B”更改title,返回“页面A”仍会显示“页面B”的title
个人猜想,小程序本身属于单页面应用,代码的运行权限没有处理好,就像上面这种情况,B页面的代码穿越到了A页面的环境里面,并且执行。
神葳
2021/01/22
1.6K0
js或jquery实现页面打印可局部打印
1、js实现(可实现局部打印) 代码如下: <html> <title>js打印</title> <head></head><body> <input id="btnPrint" type="button" value="打印" οnclick="javascript:window.print();" /> <input id="btnPrint" type="button" value="打印预览" οnclick=preview(1) /> <style type="text/css" med
黄啊码
2020/05/29
8K0
vue 路由跳转时更改页面title
export default new Router({ routes: [ { path: ‘/’, name: ‘index’, component: index, meta: { title: ‘title1’ } }, { path: ‘/studentInfo’, name: ‘studentInfo’, component: studentInfo, meta: { title: ‘title2’ } } ] }) 二、js入口文件main.js中添加代码:
kirin
2020/07/27
1.7K0
防止页面被调试
使用的时候,可以将js方法压缩  http://tool.chinaz.com/js.aspx
用户1518699
2019/07/11
1.1K0
Javascript打印网页局部的实现方案
项目中,需要对页面的部分div进行打印,为了保证界面布局不乱,采取了新建iframe的方法。
就只是小茗
2018/10/25
1.1K0
Vue使用printjs组件打印页面
新需求: 需要将页面的局部信息打印出来,只在前端实现,不要占用后端的资源。 经过一通百度,决定使用 print-js和html2canvas组件。
猫老师的叶同学
2023/03/25
3.1K0
Vue使用printjs组件打印页面
java 对比两文件哪行被更改了
50504501 50504501 50504502 50504502 50504503 50504503 50504504 50504504 50504505 50504505 50504506 50504506 50504507 50504507 50504508 50504508 50504509 50504509 50504510 50504510 50504511 505045113<--此行被更改了 50504512 50504512 50504513 50504513
葫芦
2019/05/09
7000
点击加载更多

相似问题

Javascript打印页面

21

Javascript打印被chrome阻止

52

包含Javascript的打印页面

21

css打印预览页面被剪切

010

使用javascript打印页面

22
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文