使用phantomjs操作DOM并对页面进行截图需要注意的几个问题

web scraper高级用法
Web Scraper 是一种用于自动化抓取网页数据的工具。

以下是一些 Web Scraper 的高级用法：
1. 固定页面编号
若要抓取不同页面的信息，可将页面编号固定为一个变量，并在循环中递增。

这样，Web Scraper 就能够自动抓取多个页面的数据。

2. 动态页面抓取
对于使用 JavaScript 或 AJAX 技术的动态页面，普通的 Web Scraper 无法直接抓取数据。

此时，可以使用更为复杂的程序、自动化测试工具或浏览器扩展程序来实现动态抓取。

3. 数据清理
在抓取大量的数据时，通常需要对数据进行清理和重组，以使其更清晰和易读。

这通常涉及到使用各种工具和函数来过滤数据、删除重复项、转换格式等等。

4. 避免网站封锁
一些网站会使用反爬虫机制来封锁 Web Scraper。

为避免这种情况，可以采取一些策略如设置抓取频率限制、使用代理服务器等。

5. 数据处理
抓取到的数据是原始数据，需要进行进一步的处理。

例如，将数据导入到数据库中，进行文本分析、可视化等等。

总之，Web Scraper 是一个强大的工具，可以让我们快速而准确地获取所需信息。

然而，在使用 Web Scraper 时需要遵守相关法律和规定，避免侵犯他人的权益。

说起屏幕截图，相信大家都不会陌生：随意翻翻每期的《电脑报》，哪篇不是图文并茂?但是对于刚刚接触电脑的朋友来说，对如何进行抓图还摸不着头脑，以为需要什么高深的技术或什么专业的软件，甚至还以为需要动用DC来帮忙呢。

其实抓图的方法有很多种，但种种都很简单，看了下面的介绍，相信你也能抓出“美”图来!一、PrintScreen按键+画图工具不论你使用的是台式机还是笔记本电脑，在键盘上都有一个PrintScreen按键，但是很多用户不知道它是干什么用的，其实它就是屏幕抓图的“快门”!当按下它以后，系统会自动将当前全屏画面保存到剪贴板中，只要打开任意一个图形处理软件并粘贴后就可以看到了，当然还可以另存或编辑。

提示：PrintScreen键一般位于F12的右侧。

二、抓取全屏抓取全屏幕的画面是最简单的操作：直接按一下PrintScreen键，然后打开系统自带的“画图”(也可以使用PS)，再按下Ctrl+V即可。

该处没有什么技术含量，只是要记住防止某些“不速之客”污染了画面，比如输入法的状态条、“豪杰超级解霸”的窗口控制按钮等等。

提示：提醒想投稿的朋友：这样的画面比较大，一般的报纸或杂志要求300像素×300像素，最大不超过500像素×500像素(当然特殊需要除外)，这就需要到PS或ACDSee 中进行调整。

三、抓取当前窗口有时由于某种需要，只想抓取当前的活动窗口，使用全屏抓图的方法显然不合适了。

此时可以按住Alt键再按下PrintScreen键就可只将当前的活动窗口抓下了。

四、抓取级联菜单在写稿的过程中，免不了“以图代文”，特别是关于级联菜单的叙述，一张截图胜过千言万语。

但是，若想使用抓取当前窗口的方法来抓级联菜单就不行了：当按下Alt键以后菜单就会消失。

此时可以直接按下PrintScreen键抓取全屏，然后粘贴到图形处理软件中进行后期的处理。

如果使用画图工具，就可以使用方形选定工具将所需要的部分“选定”并“剪切”，然后按下Ctrl+E打开“属性”界面将“宽度”和“高度”中的数值设的很小，最后再粘贴并另存即可。

使用python+phantomjs抓取动态页面
前一段时间公司需要爬取部分web页面的数据使用。

但是页面中的主要数据是ajax load出来的，传统的抓取方法是拿不到数据的。

后来在网上发现了phantomjs，在无界面的情况下运行js，渲染dom。

用这个工具抓取ajax load出来的数据再方便不过啦。

系统环境：CentOS release 6.5 (Final)
phantomjs版本：1.9.8
•phantomjs抓取加载完整的dom结构。

说到phantomjs怎么把数据传递给处理程序，我看到网上很多人是写一个本地文件，然后具体的处理程序再读取那个文件进行处理。

感觉这种方式太麻烦了，干脆将数据打印到到标准输出中，然后处理程序从标准输出中读取数据。

•用python获取数据。

然后就开始处理了。

具体的处理逻辑就不展示了。

分享到。

屏幕截取招招看！教你十种屏幕抓取方法（图形）说起屏幕截图，相信大家都不会陌生：随意翻翻每期的《电脑报》，哪篇不是图文并茂?但是对于刚刚接触电脑的朋友来说，对如何进行抓图还摸不着头脑，以为需要什么高深的技术或什么专业的软件，甚至还以为需要动用DC来帮忙呢。

其实抓图的方法有很多种，但种种都很简单，看了下面的介绍，相信你也能抓出“美”图来!一、PrintScreen按键+画图工具不论你使用的是台式机还是笔记本电脑，在键盘上都有一个PrintScreen按键，但是很多用户不知道它是干什么用的，其实它就是屏幕抓图的“快门”!当按下它以后，系统会自动将当前全屏画面保存到剪贴板中，只要打开任意一个图形处理软件并粘贴后就可以看到了，当然还可以另存或编辑。

提示：PrintScreen键一般位于F12的右侧。

二、抓取全屏抓取全屏幕的画面是最简单的操作：直接按一下PrintScreen 键，然后打开系统自带的“画图”(也可以使用PS)，再按下Ctrl+V 即可。

该处没有什么技术含量，只是要记住防止某些“不速之客”污染了画面，比如输入法的状态条、“豪杰超级解霸”的窗口控制按钮等等。

提示：提醒想投稿的朋友：这样的画面比较大，一般的报纸或杂志要求300像素×300像素，最大不超过500像素×500像素(当然特殊需要除外)，这就需要到PS或ACDSee中进行调整。

三、抓取当前窗口有时由于某种需要，只想抓取当前的活动窗口，使用全屏抓图的方法显然不合适了。

此时可以按住Alt键再按下PrintScreen 键就可只将当前的活动窗口抓下了。

四、抓取级联菜单在写稿的过程中，免不了“以图代文”，特别是关于级联菜单的叙述，一张截图胜过千言万语。

但是，若想使用抓取当前窗口的方法来抓级联菜单就不行了：当按下Alt键以后菜单就会消失。

此时可以直接按下PrintScreen键抓取全屏，然后粘贴到图形处理软件中进行后期的处理。

如果使用画图工具，就可以使用方形选定工具将所需要的部分“选定”并“剪切”，然后按下Ctrl+E打开“属性”界面将“宽度”和“高度”中的数值设的很小，最后再粘贴并另存即可(如图1)。

html转换为pdf案例的⼀些总结（多图推荐）由于⼯作所需，最近花时间研究了html转换为pdf的功能。

html转换为pdf的关键技术是如何处理⽹页中复杂的css样式，通过在⽹上收集资料，发现⽬前html 转换为pdf的解决⽅案主要分为三类：客户端模式：前后台调⽤客户端程序，利⽤客户端程序的功能完成pdf⽂件转换。

本次测试⼯具有：wkhtmltopdf和PhantomJS。

java jar包解析类模式：java代码解析css样式，翻译html⽂件为pdf⽂件。

本次测试类有：IText，Flying Sauser，PD4ML。

js 前端解析模式：js前端解析html⽂件为pdf⽂件，本次测试案例有：html2canvas。

本次针对⽹上介绍的⽅案，结合实际项⽬的需求，做⼀⼀测试，在性能和功能⽅⾯做如下分析。

1.测试页⾯介绍通过查看各个转换案例在⽹上的介绍，简单的html样式，⼀般的表格样式在做pdf⽂件转换时，以上的⽅案均⽀持。

但考虑到实际业务的需要，本次测试特意⽤到了bootstrap (v 3.3.6)的css样式，同时页⾯也应⽤了css3的新特性。

基于这样的新特性编写⼀个静态的html页⾯，html页⾯在浏览器中的展⽰效果如下：2.wkhtmltopdf测试技术特点：Wkhtmltopdf可以直接把浏览器中浏览的⽹页转换成⼀个pdf，他是⼀个把html页⾯转换成pdf的软件（需要安装在服务器上）。

使⽤时可通过java代码调⽤cmd指令完成⽹页转换为pdf的功能。

功能测试：直接在cmd⾥输⼊测试指令，可查看处理进度。

第⼀个参数：wkhtmltopdf.exe所在的路径第⼆个参数：需要转换为pdf的html页⾯第三个参数：pdf⽂件路径及⽂件名页⾯导出效果如下：测试说明：通过测试发现，wkhtmltopdf对bootstap的CSS样式整体⽀持较好。

对css3的新特性如圆形图⽚样式⽀持⾏不好。

部分页⾯样式会失效。

PhantomJS参考文档概述有时，我们需要浏览器处理网页，但并不需要浏览，比如生成网页的截图、抓取网页数据等操作。

PhantomJS的功能，就是提供一个浏览器环境的命令行接口，你可以把它看作一个“虚拟浏览器”，除了不能浏览，其他与正常浏览器一样。

它的内核是WebKit引擎，不提供图形界面，只能在命令行下使用，我们可以用它完成一些特殊的用途。

PhantomJS是二进制程序，需要安装后使用。

使用下面的命令，查看是否安装成功。

phantomjs--versionREPL环境phantomjs提供了一个完整的REPL环境。

键入phantomjs，就进入了该环境。

$ phantomjs这时会跳出一个phantom提示符，就可以输入Javascript命令了。

phantomjs> 1+23phantomjs> function add(a,b){return a+b; }undefinedphantomjs> add(1,2)3按ctrl+c可以退出该环境。

下面，我们把上面的add()函数写成一个文件add.js文件。

// add.jsfunction add(a,b){ return a+b; }console.log(add(1,2));phantom.exit();上面的代码中，console.log()的作用是在终端窗口显示，phantom.exit()则表示退出phantomjs环境。

一般来说，不管什么样的程序，这一行都不能少。

现在，运行该程序：$ phantomjs add.js终端窗口就会显示结果为3。

下面是更多的例子。

phantomjs>phantom.version"major":1,"minor":5,"patch":0}phantomjs>console.log("phantom is awesome") phantom is awesomephantomjs> window.navigator{"cookieEnabled":true,"language":"en-GB", "productSub":"20030107", "product":"Gecko",// ...}基本用法加载网页下面，我们用PhantomJS加载网页。

[Python爬虫] 在Windows下安装PhantomJS和CasperJS及入门介绍(上)最近在使用Python爬取网页内容时，总是遇到JS临时加载、动态获取网页信息的困难。

例如爬取CSDN下载资-源评论、搜狐图片中的“原图”等，此时尝试学习Phantomjs和CasperJS来解决这个问题。

这第一篇文章当然就是安装过程及入门介绍。

一. 安装Phantomjsweb standards: DOM handling, CSS selector, JSON, Canvas, and SVG. ?Full web stack?No browser required. PhantomJS是一个服务器端的 JavaScript API 的WebKit（开源的浏览器引擎）。

其支持各种Web标准：DOM 处理, CSS 选择器, JSON, Canvas 和 SVG。

PhantomJS可以用于页面自动化，网络监测，网页截屏，以及无界面测试等。

下载PhantomJS解压后如下图所示：在该文件夹下创建test.js文件，代码如下：console.log('Hello world!');同时其自带的examples文件夹中有很多模板代码，其中获取脚本参数代码如下：var system = require('system');if (system.args.length === 1) {console.log('Try to pass some args when invoking this script!');system.args.forEach(function (arg, i) {console.log(i + ': ' + arg);phantom.exit(); 运行程序及输出结果如下图所示：phantomjs examples-arguments.js arg0 agr1 arg2 arg32、网页截图在根目录新建文件loadpic.js，其代码如下：var page = require('webpage').create();page.render('example.png');phantom.exit();}); 运行程序结果如下图所示： phantomjs?loadpic.js短短5行代码让我第一次体会到了PhantomJS和调用脚本函数的强大，它加载baidu页面并存储为一张PNG图片，这个特性可以广泛适用于网页快拍、获取网页在线知识等功能。

1.抓取全屏幕：按下热键"Ctrl+Shift+F"，或者用鼠标点击"捕捉"下的"全屏幕"菜单项，之后你会听到类似照相的"咔嚓"声，操作成功。

2.抓取活动窗口：首先使要抓取的窗口成为活动窗口，然后按下热键"Ctrl+ Shift+A"。

3.抓取下拉菜单：当你需要抓取某个窗口中的下拉菜单时，有多种方法可以实现：先让HyperSnap-DX最小化到任务栏上，再点击要抓取的菜单使之展开，然后按下热键"Ctrl+Shist+R"，屏幕上将出现一个十字形光标，移动此光标到起始位置用鼠标左键点击，再移动到菜单右下方再次点击；或者当菜单出现后直接按下窗口抓取热键"Ctrl+Shift+W"，你会看到一个闪动的矩形框，点击左键即可抓取该菜单；如果希望抓取多级子菜单中的某一级，应依次打开该级联菜单，按下热键"Ctrl+Shift+W"，当矩形框闪动时移动到希望抓取的子菜单上点击左键；如希望抓取级联菜单的全部，则要用到其"多区域捕捉"功能，按下热键"Ctrl+Shift+M"，当屏幕上出现闪动矩形框时点击左键增加要抓取的区域，以便让各级菜单都被选中(选中的区域会用黑色覆盖)，然后按下回车键完成抓取。

4.多区域抓图：上面介绍的抓取级联菜单仅仅是多区域抓图的一个简单应用，实际上这个功能相当强大，你可以将它和"Region Capture"(区域抓图)结合使用以完成更复杂的抓取任务。

例如：要在资源管理器中同时抓取某个文件(夹)的右键快捷菜单和该文件(夹)的图标，可以这样操作：首先用鼠标右键点击该文件(夹)弹出其快捷菜单，然后按下抓取热键"Ctrl+Shift+M"，点取菜单区域使它被选中，再按下鼠标右键不放手，会马上出现一个子菜单，从中点击"重启区域方式"后放开，此时出现十字形光标，用该光标点击文件图标的左上角和右下角各一次，使文件图标被选中(原来选中的菜单仍处于选中状态)，最后按下回车键完成抓取。

教你10种屏幕截图方法说起屏幕截图，相信大家都不会陌生：随意翻翻每期的《电脑报》，哪篇不是图文并茂?但是对于刚刚接触电脑的朋友来说，对如何进行抓图还摸不着头脑，以为需要什么高深的技术或什么专业的软件，甚至还以为需要动用DC来帮忙呢。

其实抓图的方法有很多种，但种种都很简单，看了下面的介绍，相信你也能抓出“美”图来!一、PrintScreen按键+画图工具不论你使用的是台式机还是笔记本电脑，在键盘上都有一个PrintScreen按键，但是很多用户不知道它是干什么用的，其实它就是屏幕抓图的“快门”!当按下它以后，系统会自动将当前全屏画面保存到剪贴板中，只要打开任意一个图形处理软件并粘贴后就可以看到了，当然还可以另存或编辑。

提示：PrintScreen键一般位于F12的右侧。

二、抓取全屏抓取全屏幕的画面是最简单的操作：直接按一下PrintScreen键，然后打开系统自带的“画图”(也可以使用PS)，再按下Ctrl+V即可。

该处没有什么技术含量，只是要记住防止某些“不速之客”污染了画面，比如输入法的状态条、“豪杰超级解霸”的窗口控制按钮等等。

提示：提醒想投稿的朋友：这样的画面比较大，一般的报纸或杂志要求300像素×300像素，最大不超过500像素×500像素(当然特殊需要除外)，这就需要到PS或ACDSee中进行调整。

三、抓取当前窗口有时由于某种需要，只想抓取当前的活动窗口，使用全屏抓图的方法显然不合适了。

此时可以按住Alt键再按下PrintScreen键就可只将当前的活动窗口抓下了。

四、抓取级联菜单在写稿的过程中，免不了“以图代文”，特别是关于级联菜单的叙述，一张截图胜过千言万语。

但是，若想使用抓取当前窗口的方法来抓级联菜单就不行了：当按下Alt键以后菜单就会消失。

此时可以直接按下PrintScreen键抓取全屏，然后粘贴到图形处理软件中进行后期的处理。

如果使用画图工具，就可以使用方形选定工具将所需要的部分“选定”并“剪切”，然后按下Ctrl+E打开“属性”界面将“宽度”和“高度”中的数值设的很小，最后再粘贴并另存即可(如图1)。

JS中使⽤cavas截图⽹页并解决跨域及模糊问题前⼏天给了个需求对浏览器⽹页进⾏截图，把⽹页统计数据图形表等截图保存⾄⽤户本地。

⾸先对于⽹页截图，我⽤的是canvas实现，获取你需要截图的模块的div，从⽽使⽤canvas对你需要的模块进⾏截图。

<script type="text/javascript" src="js/html2canvas.js"></script><script type="text/javascript" src="js/html2canvas.min.js"></script>div按钮代码<div><a id="down" href="" download=" rel="external nofollow" downImg">下载按钮</a></div>//href⽤来取到值要写个空 down load是下载图⽚出来的名称jsp代码function test() { var canvas2 = document.createElement("canvas"); //创建⼀个新的canvaslet _canvas = document.querySelector('#dijit__TemplatedMixin_0'); //这⾥⾯填写你需要截图的divvar w = parseInt(window.getComputedStyle(_canvas).width); var h = parseInt(window.getComputedStyle(_canvas).height);canvas2.width = w * 2;canvas2.height = h * 2; //将canvas画布放⼤2倍或者更多，然后盛放在较⼩的容器内，就显得不模糊了canvas2.style.width = w + "px";canvas2.style.height = h + "px";var context = canvas2.getContext("2d");context.scale(2, 2); //指图⽚偏移html2canvas(document.querySelector('#dijit__TemplatedMixin_0'), { //写需要截图的divtaintTest : false,useCORS : true,allowTaint :false, //这三串代码解决跨域问题 canvas : canvas2}).then(function(canvas) {document.querySelector("#down").setAttribute('href',canvas.toDataURL()); //down设置为你的点击键});window.onload = test;截图出来后，由于我的⽹址上有百度地图的api，地图图⽚等等⼀些东西，⽤canvas⽹页进⾏截图是就会发现所有图⽚的地⽅都是空⽩。

phantomjs爬虫是什么？phantomjs爬虫怎么使用？大家有没有发现，有时候我们写的爬虫只可以爬取单纯的html代码，如果页面是JS 渲染的该怎么办呢？如果我们单纯去分析一个个后台的请求，手动去摸索JS渲染的到的一些结果，那简直没天理了。

所以，我们需要有一些好用的工具来帮助我们像浏览器一样渲染JS处理的页面。

其中有一个比较常用的工具，那就是phantomjs。

PhantomJS是一个基于webkit的JavaScript API。

它使用QtWebKit作为它核心浏览器的功能，使用webkit来编译解释执行JavaScript代码。

任何你可以在基于webkit浏览器做的事情，它都能做到。

它不仅是个隐形的浏览器，提供了诸如CSS选择器、支持Web 标准、DOM操作、JSON、HTML5、Canvas、SVG等，同时也提供了处理文件I/O的操作，从而使你可以向操作系统读写文件等。

PhantomJS的用处可谓非常广泛，诸如网络监测、网页截屏、无需浏览器的Web 测试、页面访问自动化等。

PhantomJS要怎么使用呢？首先需要安装：PhantomJS安装方法有两种，一种是下载源码之后自己来编译，另一种是直接下载编译好的二进制文件。

然而自己编译需要的时间太长，而且需要挺多的磁盘空间。

官方推荐直接下载二进制文件然后安装。

1、如果要借助phantomjs进行无头测试，请参考各个测试框架的说明，或者参考phantomjs的官方文档：/headless-testing.html。

2.如果是直接下载phantomjs二进制文件，还需要把程序文件的路径添加到环境变量的path里。

这样方便我们直接在全局调用phantomjs。

3.在windows的DOS命令行窗口，直接输入phantomjs直接开启程序，phantomjs为我们提供RPEL环境，可以直接解释javascript。

4.在phantomjs提供的REPL环境下输入以下命令，可以实例输出5、webpage模块:open()webpage模块是phantomjs核心的模块：可以把webpage看做一个类，通过实例化webpage类对象，然后调用对象的方法进行获取网页，最后使用类方法进行操作。

第1篇一、爬虫技术基础1. 什么是爬虫？- 爬虫（Spider）是一种自动化程序，用于从互联网上抓取信息。

它通过模拟人类用户的行为，访问网页并提取所需的数据。

2. 爬虫的主要作用是什么？- 数据抓取：从网站获取信息，用于数据分析、数据挖掘等。

- 信息监控：跟踪特定信息或网站的变化。

- 网络分析：研究网络结构和链接关系。

3. 请解释爬虫的基本工作流程。

- 确定目标：确定要抓取数据的网站。

- 网络请求：向目标网站发送请求。

- 数据解析：解析返回的HTML、XML或JSON数据。

- 数据存储：将解析得到的数据存储到数据库或文件中。

4. 请列举几种常见的爬虫类型。

- 网页爬虫：抓取静态网页。

- 深度爬虫：递归抓取网站上的所有链接。

- 宽度爬虫：同时抓取多个网页。

- 代理爬虫：通过代理服务器进行爬取，以隐藏真实IP。

二、网络编程与HTTP协议5. 什么是HTTP协议？- HTTP（超文本传输协议）是互联网上应用最广泛的网络协议，用于在Web服务器和客户端之间传输数据。

6. 请解释HTTP请求/响应模型。

- 请求：客户端向服务器发送请求，包含方法（如GET、POST）、URL、头部信息等。

- 响应：服务器返回响应，包含状态码、头部信息、实体内容等。

7. 请解释HTTP状态码。

- 1xx：信息性响应。

- 2xx：成功响应。

- 3xx：重定向。

- 4xx：客户端错误。

- 5xx：服务器错误。

8. 什么是HTTPS？- HTTPS（安全超文本传输协议）是HTTP的安全版本，通过SSL/TLS加密数据传输，确保数据安全。

三、网页解析9. 请解释HTML、XML和JSON的区别。

- HTML：用于网页内容的结构化。

- XML：用于存储和传输数据。

- JSON：轻量级数据交换格式，易于阅读和编写。

10. 请列举几种常用的网页解析库。

- BeautifulSoup- lxml- PyQuery11. 如何解析动态加载的网页内容？- 使用Selenium、PhantomJS等工具模拟浏览器行为。

牛牛截图控件浏览器版调用说明牛牛截图控件浏览器版调用说明 (1)1.接口初始化接口 (2)2.参数初始化接口 (2)3.启动截图接口 (7)4.截图完成后向浏览器通知的事件 (8)5.其他接口 (9)6.调用示例 (10)本说明文档旨在对截图控件的浏览器控件进行说明，指导调用者顺利的将截图控件集成进第三方网页中，使第三方网页也能拥有完美的牛牛截图功能。

牛牛截图网页演示页面请访问：/testcapture.htm写在前面的话：牛牛截图控件目前支持的功能比较丰富，接口比较丰富，但能保证基本功能的接口并不复杂，在查看文档时，请自行根据自己的需求查看相应的接口；添加水印、获取剪贴板中的图片属于高级功能，如果不需要，这部分可以忽略。

提醒：牛牛截图的核心的调用代码已经全部封装在了niuniucapture.js中，一般情况下，你不需要修改只文件内容，只需要引用，并且自己另外写JS来与UI 集成即可，具体见示例(capturewrapper.js)。

牛牛截图控件浏览器版能在目前所有的主流浏览器上正常工作，以下的接口说明适用于所有浏览器，并且提供相应的Javascript调用示例。

控件主要有三个接口：InitCapture，InitParam以及Capture，这些接口均是暴露给浏览器的Javascript调用,具体可以参考调用WebNiuniuCapturedemo_source.zip，接口的具体描述如下：1.接口初始化接口int InitCapture (const char* szAuth);此接口函数用于初始化截图控件的授权信息，默认的授权码为："niuniu"。

2.参数初始化接口int InitParam (int flag, unsigned long flagvalue);此接口函数用于初始化截图各个状态下的界面的显示效果，如果不调用，则以默认值处理。

枚举定义如下:typedef enum ExtendFlagTypeEnum{emPensize = 1, //emDrawType, //emTrackColor, //emEditBorderColor, //emTransparent, //emWindowAware,emDetectSubWindowRect,emSetSaveName,emSetMagnifierBkColor, //设置放大镜的背景色，不设置则透明emSetMagnifierLogoText, //设置放大镜上的LOGO字符，可提示快捷键，如：牛牛截图(CTRL + SHIFT + A)emSetPreCaptureWindowTitle, //设置网页上截图时弹出窗口的标题emSetPreCaptureWindowTransparent=18,//设置预截图窗口的透明度emSetWatermarkPictureType=20, //设置水印的类型emSetWatermarkPicturePath, //设置水印的路径emSetWatermarkTextType, //设置水印文字的类型emSetWatermarkTextValue, //设置水印文字emSetMosaicType, //设置马赛克的样式emSetTooltipText, //设置工具栏图标的TOOLTIP及完成按钮的文字};枚举项的说明如下：此处的参数值是一个字符串，以|为分割符，如：//nShowType|nMinWidth|nMinHeight|nMaxWidth|nMaxHeight|nShowOffset未授权时，此参数对应的设置将采用默认值，不可修改；默认支持的图片大小为200*200，超过此大小的地方，将仅显示是在200*200范围内的图片。

phantomjs 使⽤说明StepOverphantomjs 实现了⼀个⽆界⾯的webkit 浏览器。

虽然没有界⾯，但dom 渲染、js 运⾏、⽹络访问、canvas/svg 绘制等功能都很完备，在页⾯抓取、页⾯输出、⾃动化测试等⽅⾯有⼴泛的应⽤。

安装下载phantomjs （官⽅下载，下载失败请访问另⼀个下载点）。

解压到任意⽬录，并将包含phantomjs.exe 的⽬录添加到系统路径。

使⽤说明简单⽰例JavaScript运⾏：Shell这个例⼦简单地展⽰了通过phantom 访问 ，并输⼊html 内容。

使⽤⽅式就像使⽤node 运⾏js 代码⼀样。

在phantom 运⾏时，它会向当前代码运⾏环境注⼊phantom 对象。

如上⾯代码中，通过phantom 对象控制程序终结。

⽰例中其他代码的含义以及更多深⼊的⽤法，将在下⽂中展开。

window 对象在使⽤phantom 时，我⾸先关注的是DOM 和BOM 接⼝。

不过这不是⼀个问题，看了下⾯的代码就能了解：JavaScript运⾏：Shell结果为true。

也就是说，就像浏览器环境⼀样，我们的代码运⾏在window 环境下，可以很⽅便地进⾏DOM ⽅⾯的操作。

12345678910111213// test.js var page = require('webpage').create(), system = require('system'), address;if (system.args.length === 1) {phantom.exit(1);} else { address = system.args[1]; page.open(address, function (status) { console.log(page.content); phantom.exit();});}1phantomjs ./test.js 123// test.jsconsole.log(window === this);phantom.exit();1phantomjs ./test.js注：如果使⽤web page 模块打开页⾯，则请不要在此window 对象下进⾏任何DOM相关的操作，因为这个window 并不是page 对象内的window 。

[转]GetScreen截图有错位的解决办法在上帝之眼发现的GetScreen，很好用，但是分块截图后再拼接有错位的问题，用Google搜到下面的解决办法，不知道哪条是最关键的，感觉地形和directX及使用安全模式可能是吧，另外调整GE的侧边栏与GetScreen的相同可能也是关键～我用的是GE5.0，可以获得没有错位的拼图，所以版本应该不是问题～以下是转载来的：前一段也发现用GETSCREEN截图时拼图错位，后来发现只要把GE中平移速度设低一些就好了，最稳妥的方法是使用GE的默认设置就肯定好了：）补充一点，在GE中，关掉“地形”显示，否则在非平坦的地方还会出现错位。

这是我试验一天才得出的结论。

工具->选项->3D检视选：“DirectX” 和“使用安全模式”注意两点就可以了：1.不要先运行GEtScreen，而要先运行GE，一定要运行带DriectX模式的GE，我用的是GE42的版本，找到你要截图的范围后再运行GEtScreen。

2.不要关闭GE左边的侧栏，并且调整GE左边的侧栏的宽度与GEtScreen左边的侧栏的宽度相等即可，抓图延时设为500。

原作者:截屏拼图功能解释如下：1、两点定位。

左上、右下（或者右上、左下，总之只要是要选出个方框）两点进行定位。

这时地球屏幕的鼠标会迭加一个十字按钮，选择合适的两点定位屏幕，然后按鼠标右键获得坐标，为下一步计算截图数量做准备。

点击两点定位后，该按钮名称会变为"放弃定位"，如果不想定位，再按一下就恢复了。

2、图片计算。

首先选定个希望截屏距地面的高度（0.1--100公里），然后开始计算，计算完毕后会做一个框表示希望截屏的区域（该区域在截屏时会自动隐去，不会带入图片中），由于单个小图片的大小是固定的，实际的截屏区域可能略大。

计算的横、纵数量会填在下面的输入框中，如果需要调整可以修改。

调整截屏高度，需要重新计算。

3、开始截屏。

php结合phantomjs实现⽹页截屏、抓取js渲染的页⾯⾸先PhantomJS快速⼊门是⼀个基于 WebKit 的服务器端 API。

它全⾯⽀持web⽽不需浏览器⽀持，其快速，原⽣⽀持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。

PhantomJS 可以⽤于，，，以及等。

⼀、安装⼆、使⽤Hello， World！新建⼀个包含下⾯两⾏脚本的⽂本⽂件：console.log('Hello, world!');phantom.exit();将⽂件另存为hello.js ,然后执⾏它：phantomjs hello.js输出结果为：Hello, world!第⼀⾏将会在终端打印出字符串，第⼆⾏phantom.exit将退出运⾏。

在该脚本中调⽤phantom.exit是⾮常重要的，否则 PhantomJS 将根本不会停⽌。

脚本参数 – Script ArgumentsPhantomjs如何传递参数呢？如下所⽰：phantomjs examples/arguments.js foo bar baz其中的foo, bar, baz就是要传递的参数，如何获取呢：var system = require('system');if (system.args.length === 1) {console.log('Try to pass some args when invoking this script!');} else {system.args.forEach(function (arg, i) {console.log(i + ': ' + arg);});}phantom.exit();它将输出：0: foo1: bar2: baz页⾯加载 – Page Loading通过创建⼀个⽹页对象，⼀个⽹页可以被加载，分析和渲染。

phantomjs是一个无界面浏览器，可用于网页截图和前端自动化测试，基于webkit内核（也就是chrome使用的内核），并使用js编写业务脚本来请求、浏览和操作页面。

最近前端监控需要用到phantomjs，特地研究了一下这个组件，遇到几个坑，这里汇总起来，希望对大家尤其是刚入门者有所帮助。

1、如何操作页面中的DOM元素？这个问题比较简单，官方API提供了page.evaluate函数，范例代码：page.evaluate(function(){var plist = document.querySelectorAll("a");//获取所有链接});2、如何滚动到页面底部？部分页面使用了lazyload，比如图片或js的延迟加载，只有滚动到底部才会触发，因此对于这种页面，如果要展示完整的页面，则需设法使底部可见，主要有3个办法：1、使浏览器足够大，这样底部就显示了，可以设置viewPortSize很大：page.viewportSize = {width: 4800,height: 8000};2、通过BOM方法操作滚动条，可以把滚动条滚动到一个很大的值，如：window.scrollTo(0,10000);也可以滚动到适应的高度：window.document.body.scrollTop = document.body.scrollHeight;3、如何延迟截图？页面请求的资源，如图片、异步cgi、js等，返回的时间以及执行的长短都是不确定的，如果截图过早，可能很多空白区域，因此需要定时截图，在打开页面后，使用setTimeout来延迟截图：window.setTimeout(function (){page.render("json2form.png");phantom.exit();}, 1000);4、注意page.evaluate中的回调函数作用域链对于初学者，很可能写出这样的代码（不是吗？看起来很正常，JS支持闭包呀？）：var page = require('webpage').create();var url = 'http://json2form.wikisoft.me//';var globalVar = 1;page.open(url, function (status){if (status != "success"){console.log('FAIL to load the address');}page.evaluate(function(){var x = globalVar;//引用本js的一个全局变量page.method();//执行phantomjs的一个api});});有个问题需要明白，page.evaluate中的函数是在目标网页执行的，其上下文、作用域链已经不能与phantomjs执行这个js同日而语，因此请勿在evaluate中引用phantomjs的api或你这个js文件中的全局变量，否则出了错，都很难定位。

PhantomJS⼀、任务描述 本实验任务主要对PhantomJS进⾏⼀些基本操作，通过完成本实验任务，要求学⽣熟练掌握PhantomJS的操作，并对PhantomJS的基本操作进⾏整理并填写⼯作任务报告。

⼆、任务⽬标1、掌握PhantomJS的使⽤三、任务环境Ubuntu16.04、Python2.7四、任务分析 PhantomJS是⼀个基于webkit的JavaScript API，它使⽤QtWebKit作为它的核⼼浏览器的功能，使⽤webkit来编译解释执⾏JavaScript 代码。

任何你可以在基于webkit浏览器做的事情，它都能做到。

它不仅是个隐形的浏览器，提供了诸如CSS选择器，⽀持的Web标准，DOM操作，JSON，HTML5画布，SVG等，同时也提供了处理⽂件I / O的操作，从⽽使你可以向操作系统读写⽂件等.PhantomJS的⽤处可谓⾮常⼴泛，如⽹络监测，⽹页截屏，⽆需浏览器的⽹站测试，页⾯访问⾃动化等。

五、任务实施步骤1、环境准备 右击Ubuntu操作系统桌⾯，从弹出菜单中选择【Open in Terminal】命令打开终端。

通过【cd /home】切换到home⽬录下。

【ls】查看该⽬录下的所有内容。

图1 切换⽬录 【mkdir phantomJSCode】在home⽬录下创建phantomJSCode⽂件夹。

图2 创建⽂件夹步骤2、PhantomJS操作 【cd phantomJSCode】切换到phantomJSCode⽬录下，【vim helloworld.js】回车后创建⼀个名为helloworld的JavaScript⽂件。

图3 创建JavaScript⽂件 回车后进⼊编辑框内，按键盘【i】进⼊编辑状态，输⼊如下程序。

第⼀句是在控制台输出“Hello World!”,第⼆句是终⽌phantom的运⾏，不然程序会⼀直运⾏，不会停⽌。

图4 便捷JavaScript⽂件 编辑完毕后，按【esc】退出编辑状态，【:wq】保存并退出编辑框，【phantomjs helloworld.js】执⾏helloworld的JavaScript⽂件。

利用phantomjs+casperjs实现登陆抓取网页并截图最近有个任务要求定时自动登陆某网站,访问指定页面并且进行截图.windows ,linux实现均可.开始想利用php 调用com组件来完成.截图是OK的,但是涉及到登陆就没法实现了.后来网上查了下资料发现用phantomjs + casperj可以完美实现phantomjs-1.9.1-windows.zip phantomjs windows下载casperjs 1.1-beta1 casperjs 下载下载完phantomjs和casperjs 后解压到任意目录即可. 然后修改 casperjs目录下 batchbin\casperjs.bat文件的内容call phantomjs 改成 call phantomjs的路径（例如：E:/phantomjs）任意目录下新建js 文件例如: E:/test.js插入代码：01 var casper = require('casper').create();02 casper.start('https:///v2/?login', function() {03 this.fill('div[id="loginForm"]', {04 'userName': 'whcyc2002',05 'password': '*******'06 }, false);07 });0809 casper.then(function() {10 this.click('input[class="pass-button pass-button-submit"]');11 this.echo('login...');12 });1314 casper.then(function() {15 this.wait(3000,function() {16 this.capture("baidu.png");17 });18 });19 casper.run();命令下执行 casperjs路径/batchbin/casperjs.bat E:/test.js输出 login...然后目录下会多出一个 baidu.png 的图片类似这样也可以通过外部调用的方式 ,例如用php 代码如下1 exec("E:/casperjs/batchbin/casperjs.bat E:/test.js",$out);通过这种方式就可以很方便的完成网页的截图.甚至是一些需要登陆的网页截图.phantomjs 和 casperjs 也都有 linux版本. 所以linux下也是可以实现同样的功能的.简单介绍一下原理phantomjs 实际上是一个基于服务端的webkit引擎,内置了javascript的api.可以解析并渲染dom.相当于直接使用浏览器访问网址.casperjs则是基于phantomjs的 js封装.用来实现一些dom操作。