在Firefox和chrome中直接调用打印功能的js方法是 window.print(); 但是如果页面很长,那么就需要分页,这时只需要在页面中添加css属性即可,如果想自动分页,则如下所示 <style type="text/css" media="print"> div { page-break-after:auto; page-break-inside:auto; page-break-before:auto; } </style>…
需求 最近在做博客的目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定. 在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提. 实现滚动到某位置功能 博客目录的一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用. 此处应使用浏览器原生提供的 getBoundingClientR…
ie.firefox.chrome中关于style="display:block" 引发的页面布局错乱的解决办法: table中tr 添加style="display:block" 导致页面布局错乱 对table中tr 不显示时,添加style="display:none",ie.chrome.firefox等都没有问题.但是如果想要显示某个tr,就不能使用style="display:block"了,因为,在ie下,可以正常…
使用js禁止用户选中网页上的内容,IE及Chrome下的方法一样.使用onselectstart, 比如: 在body中加入<body onselectstart="return false"> Firefox下,控制css body { -moz-user-select: none; } 这样在IE,Firefox及Chrome下都可以禁止用户选中页面上的内容了.     转载自:http://www.cnblogs.com/top5/archive/2012/04/15…
一.升级firefox到最新版后,页面崩溃,打开是空白页,连选项设置都打不开了. 最开始是我的firefox很久没升级,最近要要开始做开发,于是最让它自动升级.等升级到最新版本后,打开浏览器是结果显示的是空白,什么也打不开. 网上搜了很多方法,firefox升级后空白的问题,最后卸载了,安装最新的Firefox,连之前所有的个人信息都是删除光了,打开还是崩溃的页面. 我最开始以为是firefox的程序有问题,网上也有说360拦截的问题,于是我关闭360后再卸载,再重装,还是同样的问题. 彻底懵了…
一)在HTML页中加载打印对象 <object id="WebBrowser" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object> 二)实现打印.预览.设置功能 <input type="button" value="打印" onclick=&…
前两篇文章介绍了安装,此篇文章算是一个简单的进阶应用吧!它是在Windows下通过Selenium+Python实现自动访问Firefox和Chrome并实现搜索截图的功能.        [Python爬虫] 在Windows下安装PhantomJS和CasperJS及入门介绍(上)        [Python爬虫] 在Windows下安装PIP+Phantomjs+Selenium 自动访问Firefox 可以参照前文安装Selenium环境,目前Selenium这个用于Web应用程序测试…
这篇文章完全是属于技术文章,也是记录一下自己在项目当中遇到的坑爹问题啊,因为是B/S的程序,所以打印功能还是必须要有的,对于打印我选择了一个js插件,发现非常的简单和方便,所以这里拿出来和大家分享一下啊!还是很有用的哦! 在实际项目当中有时候还要包括数据统计的功能,这个我相信一般的项目都要有的吧(想听听大家的意见),这里也想请大家帮我推荐一个好的javascript插件吧,或者其他什么组件,不废话了,看代码去. VS环境:2012 测试浏览器:所有主流浏览器(Chorme,Firefox,IE1…
引自  https://blog.csdn.net/Momorrine/article/details/79794146 1.      环境 操作系统 Win10 IDE Eclipse (Oxygen 4.7)+ PyDev 5.9.2 (JDK1.8) Python 3.5 Selenium selenium-3.9.0-py2.py3-none-any.whl FirefoxDriver 0.20.0 Firefox浏览器 59.0.2(32位) ChromeDriver 2.34 Ch…
Fiddler抓取Firefox.Chrome浏览器上的https协议 安装Fiddler后默认只抓取http协议,如果是https协议的话,浏览器就会提示"您的链接并不安全". 那么这里先来看一下HTTP和HTTPS协议的主要区别: 1.http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议. 2.https协议需要到ca申请证书. 3.http协议的端口是80,https协议的端口是443,他们使用的是完全不同的传输协议. 4.http协议的链接是无…