js实现浏览器自动打印

2024-11-04

js实现浏览器打印功能

最近接触到一个新需求,实现打印机打印小票的功能.打的一桌子小票(惭愧),不过也基本满足了业务上的需求,现在分享一下如何实现(好记性不如烂笔头) 先上代码 // 布局代码 <div id="print"> <div id="print_content"></div> </div> //js 部分代码var f = document.getElementById('printf'); if (f) { docume

JS实现浏览器打印、打印预览

1.JS实现打印的方式方式一:window.print()window.print();会弹出打印对话框,打印的是window.document.body.innerHTML中的内容,下面是从网上摘到的一个局部打印的例子,该例子的不足是打印会修改页面的内容. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset

gulp最佳实践（包含js,css,html预编译，合并，压缩,浏览器自动刷新）

gulp是基于流的自动化构建工具官方网址:http://www.gulpjs.com.cn/ 一.安装需要的模块 1.新建package.json,输入下面的内容 { "name": "autopractice", "version": "1.0.0", "description": "", "main": "index.js", "sc

【JS】通过JS实现超市小票打印功能——ActiveX控件

应客户的需求= = ,要在网页端实现打印小票的功能先来一张打印出的小票效果图(合计明显不对,因为有修改订单功能,请各位忽略) 用什么方法实现呢: 我想应该是有三种吧 1.用第三方的浏览器控件(这个好似比较方便,我的老师也是这样建议我)向大家推荐一个 Lodop打印控件 2.用CSS写好模板,然后直接用页面打印的方法(应该是这样吧) (以上两种还没有尝试,这两天陆续尝试) 3.用微软自己的ActiveX控件(ActiveX控件可以实现调用本地的文件等操作(之前试过调用cmd,实现shutdown

使用ScriptX控件实现IE浏览器分页打印功能

之前讲过js调用ie浏览器自带打印的用法,今天讲使用插件的方式.浏览器自带打印不能控制页边距.页眉页脚等选项,尤其是如果分页打印的话,无法自动将前一页标题带到本页,所以不适用多页打印的功能.使用ScriptX控件可以完美解决分页打印的问题,虽然这个插件是收费的,但是免费的开放的功能已经足够用了. 首先下载这个插件,双击执行这个文件,然后一路next,安装完成. 在文档中添加如下代码. <OBJECT classid="CLSID:1663ED61-23EB-11D2-B92F-008048

Google自动打印

浏览器打印功能,有很多小伙伴可能不太清楚,这里我们可以学习一下. 情景:开发一个需要打印小票的项目.(在订单页里,给客户添加一个打印的操作) 1.假设打印机已经连接好了 2.我们这一节用的浏览器是Google Chrome (配置也是针对google的) 3.注意事项(这一点得看,否则运行失败还不知道问题喔) 开始: 1.打印机去很多餐饮店,能看见收银台会有一个机器,打印出小票出来,但他们用的方法可能和我们的不一样,我们使用的是浏览器. 但是呢,浏览器也是有浏览器打印功能的,比如在这个页面,你

c#控制IE浏览器自动点击等事件WebBrowser，mshtml.IHTMLDocument2 .

// c#控制IE浏览器自动点击等事件WebBrowser,mshtml.IHTMLDocument2 分类: c# 2013-02-06 15:18 3008人阅读评论(0) 收藏举报可以实现例如通过应用程序操作google搜索,用户输入要搜索的内容,然后在google中搜索:可以自动点击网页上的按钮等功能 1. 加入对Microsoft Internet Controls的引用: 2. 加入对Microsoft HTML Object Library的引用: (要引入Micros

JS实现Web网页打印功能（IE）

问题描述: JS实现Web网页打印功能问题解决: 这里主要使用WebBrowser控件的ExeWB在IE中打印功能的实现 WebBrowser介绍: WebBrowser是IE内置的浏览器控件,无需用户下载.与其相关的技术要求有:打印文档的生成.页面设置.打印操作的实现等几个环节. 一.WebBrowser控件 <object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A

js 检测浏览器

首先还是IE浏览器的检测,一般我们在写代码的时候,出现的兼容性bug几乎都来自IE.从IE10以后,IE还算有点良心,支持了大部门的CSS3及H5的新特性.那么在IE10之前呢,就要才去别的手段来代替CSS3的某些效果,这样呢就要检测浏览器类型了,特事特办嘛. 检测IE10之前的浏览器 window.navigator.userAgent.indexOf("MSIE")>=1 返回true代表是IE浏览器,返回false就说明不是IE e10及以上不支持ie浏览器的判断了,因为i

前端-如何用gulp快速搭建项目（sass预编译，代码压缩，css前缀，浏览器自动刷新，雪碧图合成）

一:gulp优点: 易于使用通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理: 插件高质 Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作. 构建快速利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作. 易于学习通过最少的 API,掌握 Gulp 毫不费力,构建工作尽在掌握:如同一系列流管道. 二.依赖安装 1.安装node.js, 2.全局安装gulp npm install gulp -g 3.本地安装gulp npm init

js判断浏览器类型和版本

原网址:http://www.cnblogs.com/rubylouvre/archive/2009/10/14/1583362.html 除了另无它法,肯定不使用navigator.userAgent来判定浏览器.因为在第一次浏览器大战初期,Netscape占绝对统计地位,大部分人们不愿意兼容其他浏览器,并通过检测其UA让他们的网站只允许Netscape访问,这就逼使其他浏览器(包括IE)修改自己的UA伪装成Netscape来通过那些自以为是的脚本,于是出现每个人都声称自己是别人的局面,即使最

iNotify.js通知JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。

https://github.com/jaywcjlove/iNotify JS 实现浏览器的 title 闪烁.滚动.声音提示.chrome.Firefox.Safari等系统通知. 这是重复造轮子...,标题闪烁.或者滚动提示,favicon数字显示.打开chrome浏览器调试工具,按照下面截图的方式放到调试里面调用一下,你就可以看到效果了. 下载 $ npm install title-notify --save-dev $ bower install inotify --save

前端神器！！gulp livereload实现浏览器自动刷新

首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包. 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm init,之后根据操作输入“名字,版本号,描述”等内容,直接按回车则使用默认值,最后根据提示输入YES即可:输完后根目录下多了个package.json文件:3:本地安装gulp,先进入你的项目所在,如d盘下的

【JS】window.print打印指定内容

有时候网页用到打印但是不想打印所有内容,就需要只打印指定内容,下面简单演示下如何打印指定内容 1.在需要打印的指定内容的头部前面加“”,在尾部后面加上“”  <div> 需要打印的内容 </div>  2.添加JS代码 <script language=javascript> function d

js关闭浏览器事件,js关闭浏览器提示及相关函数

关于浏览器关闭事件的相关描述有些朋友想在浏览器关闭的时候,弹出alert .confirm或者prompt等.实验证明,这种做法是失败的,原因是浏览器关闭事件自动屏蔽执行js的某些方法,从而防止恶意攻击或者无法关闭浏览器的现象,针对这些事件的处理,一般都是写在浏览器底层.因此,你想在关闭浏览器的时候弹出alert提示框是不可能的.要是你对浏览器感兴趣,您可以去研究这些问题,同时也可以自己写一个简单的浏览器(ps网上应该有相关的方法,据说不是很难).对于浏览器底层的东西,恕我才疏学浅,不是很了解

Gulp 搭建前端非SPA 项目，修改文件浏览器自动刷新

起因:需要搭建一个自动打包处理 sass / js (es6),自动监听文件变化时浏览器自动刷新的开发环境项目目录 project build -css -js *.html src -html -sass -js 先放 gulpfile.js 文件,其他的详细配置稍后再介绍 const { src, dest, parallel,series, watch } = require('gulp'); const sass = require('gulp-sass'); const less =

IE浏览器提示打印控件未安装的一些原因

打印控件未安装!点击这里执行安装,安装后请刷新页面或重新进入.--该提示是写在LodopFuncs.js里的.相关本博客其他博文:提示“Web打印服务CLodop未安装启动”的各种原因和解决方法.C-Lodop打印服务没启动怎么办.Lodop提示安装或升级的注意事项. IE提示控件未安装的一些原因:原因1:安装了错误位数的lodop插件(lodop插件的位数和操作系统位数无关)现象:(1)安装了lodop插件,总是提示打印控件未安装,IE安全设置最低也没用.原因1:有些不是按照LodopFunc

如何配置webpack让浏览器自动补全前缀

一.postcss-loader有什么用? PostCSS 本身是一个功能比较单一的工具.它提供了一种方式用 JavaScript 代码来处理 CSS.它负责把 CSS 代码解析成抽象语法树结构(Abstract Syntax Tree,AST),再交由插件来进行处理.插件基于 CSS 代码的 AST 所能进行的操作是多种多样的,比如可以支持变量和混入(mixin),增加浏览器相关的声明前缀,或是把使用将来的 CSS 规范的样式规则转译(transpile)成当前的 CSS 规范支持的格式.从这

vue中解决chrome浏览器自动播放音频和MP3语音打包到线上

一.vue中解决chrome浏览器自动播放音频需求有新订单的时候,页面自动语音提示和弹出提示框: 问题 chrome浏览器在18年4月起,就在桌面浏览器全面禁止了音视频的自动播放功能.严格地来说,是Chrome不允许在用户对网页进行触发之前播放音频.不光是这样,在页面加载完毕的情况下,用户没有click.dbclick.touch等主动交互行为,使用js直接调用.play() 方法的话,chrome都会抛出如下错误:Uncaught (in promise) DOMException: 解决

【转】javascript浏览器参数的操作，js获取浏览器参数

原文地址:http://www.haorooms.com/post/js_url_canshu html5修改浏览器地址:http://www.cnblogs.com/JiangXiaoTian/articles/3864284.html 注:不支持ie8 作为前端,不可避免的经常对浏览器地址进行操作,要获取浏览器的参数,很简单,方法也很多,我之前经常自己用js的indexof +substr来获取,这样获取相对费事一点,不是很好.今天在这里总结一下浏览器参数获取及参数的操作. js获取浏览器

js get browser vertion (js获取浏览器信息版本)

1问题:js get browser vertion (js获取浏览器信息版本) 2解决方案 Copy this script into your JavaScript files. It works immediately, and you can query three properties of the BrowserDetectobject: Browser name: BrowserDetect.browser Browser version: BrowserDetect.versio

js实现浏览器自动打印

热门专题