在Windows上安装CasperJS:如何正确执行?

我知道CasperJS网站上有一个关于如何在Windows上安装CasperJS的文档,但是对我来说这些人只是为专业人士解释。

如果你对所有这些CasperJS和PhantomJS世界都是陌生的,那么你就不会有机会理解甚至花费两天的时间来searchnetworking,以获得更好的解释。

我正在做一个项目,需要在我的项目网站上列出的每个网站的截图,环顾四周,我发现PhantomJS将是伟大的这项任务(网站截图)。

我下载了PhantomJS,并在system32粘贴了它的phantomjs.exe文件,当我使用cmd.exe发送命令时,它运行良好。

我甚至phantomjs.exe只抓取phantomjs.exe截图。 但是当我注意到当这两个工作在一起的时候(CasperJS和PhantomJS),当我使用CasperJS的时候,甚至可以减less屏幕截图的大小,我的问题就来了。

实际上我唯一需要CasperJS的地方是限制了镜头的大小,但是从昨天开始我一直在想如何让CasperJS在Windows上工作,但是没有用。

我已经下载CasperJS并试图以许多方式安装它也试图按照文档,但没有。

我将CasperJS文件夹名称从其下载名称更改为CasperJS作为文档build议,但是当我检查cmd试图调用某些命令时,没有任何反应。

无论如何,削减故事拍摄任何人都可以帮助我在简单的条款,考虑到我是一个新手解释如何CasperJS可以安装在窗口上,或者如果可能与PhantomJS只能如何重新大小的程序产生的Iamge让我说如果我想要960到400像素。

糟糕的Windows文档。 http://casperjs.org/installation.html#windows

假设你已经安装了,而不告诉你如何安装。

所以这里如果有人对此感到困惑。 没有实际的安装。 只是将zip内容提取到正确的位置。

  1. 从phantomjs网站下载phantomjs for windows(这是一个带有二进制的zip文件)
  2. 将内容提取到C:\ phantomjs
  3. 从casperjs网站下载casperjs zip文件
  4. 将内容提取到C:\ casperjs
  5. 现在,您可以添加以下内容来结束您的系统或用户PATH变量

    ; C:\ phantomjs; C:\ casperjs \ batchbin

  6. 如果你正在运行Console2或者Conemu终端仿真器,它们将重新启动cmd.exe来获取新的路径变量或注销/登录(它们不会通过简单的关闭和重新打开来获取新路径)

现在在文档中说它像这样运行

 casperjs.bat myscript.js 

实际上,因为phantomjs.exe和casperjs.bat现在都在系统PATH中,所以可以省略这个扩展。

 casperjs myscript.js 

而当运行phantomjs.exe只是运行

 phantomjs 

还有一件事。 只要将该路径添加到系统PATH中,安装位置并不重要。 我安装到C:\ usr \ phantomjs和C:\ usr \ casperjs。

我列举了在我个人的Windows和Ubuntu工作PC上满足我需求的方法。 请注意,我的方法并没有摆弄PATH设置,但涉及到一个命令,你可以保存在某个地方,根据需要复制和粘贴:

第1步: 收集先决条件

  • 下载您要使用的casperjs和phantomjs版本
  • 制作一个目录来包含我想要列出的东西
  • 提取下载的phantomjs并将其可执行文件复制到步骤b的目录中
  • 提取casperjs并将其文件夹重命名为casperjs
  • 将重命名的casperjs文件夹复制到步骤b的目录中
  • 创建并保存一个文件config.json步骤b的目录
  • config.json应该包含在这里找到的phantomjs配置: http ://phantomjs.org/api/command-line.html

第2步: 运行您的脚本

  • 无论何时您想使用文件,请按照上面的步骤1的细节
  • 下一步假设您在步骤1的 步骤b中创建的目录中也有一个名为first.js的文件
  • 在Windows上:phantomjs.exe –config = config.json casperjs / bin / bootstrap.js –casper-path = casperjs –cli first.js
  • 在Ubuntu上:./phantomjs –config = config.json casperjs / bin / bootstrap.js –casper-path = casperjs –cli first.js

下面列出了实验config.jsfirst.js

config.json

{“sslProtocol”:“any”,“cookiesFile”:“biscuit”,“maxDiskCacheSize”:1000,“diskCache”:true}

first.js

 var casper = require('casper').create({ pageSettings: { loadImages: false, loadPlugins: true, userAgent: 'Mozilla/5.0 (Windows; U; Windows NT 5.1; nl; rv:1.9.1.6) Gecko/20091201 Firefox/3.5.6' } }); var url = "http://casperjs.org/"; casper.start(url).wait(60 * 1000 * 1, function() { casper.echo('1 min has passed'); casper.capture('casperjs.png'); casper.exit(); }); casper.run(); 

附录 :下载并保存screenshots.js的细节并运行它

phantomjs.exe –config = config.json casperjs / bin / bootstrap.js –casper-path = casperjs –cli screenshots.js http://phantomjs.org

运行测试 :下载并保存picturefill-test.js的细节并运行

phantomjs.exe –config = config.json casperjs / bin / bootstrap.js –casper-path = casperjs test –cli picturefill-test.js

CasperJS 1.1.0-DEV Beta 3开始,你应该使用这个PATH: C:\casperjs\batchbin即使这里找到的文档声明你需要使用C:\casperjs\bin

这是因为C:\casperjs\batchbin包含一个.BAT, C:\casperjs\bin除了一些.js文件之外不包含任何东西。

经过3天的工作,我设法得到它的工作问题是与路径和幻影的安装。 我已经做了一个文件夹的路径,但安装指向exe文件,我所要做的就是把exe文件放到一个文件夹phantomjs,这是感谢您的帮助所有。

许多其他的答案已经过时了。 由于似乎正确的安装过程一直在不断变化,我怀疑我的答案在几天内也会过时,但截至2015年3月19日,这是答案。 其他答案,即使是高度赞成的答案,也不起作用,所以不要浪费时间。 祝你好运。 Casperjs看起来相当不错。

如果您下载PhantomJS 2.0和casperjs 1.1-beta3压缩文件,并将batchbin目录放在路径中,并将phantom exe文件放在同一个文件夹中,那么在Windows 8.1上运行casperjs,我得到错误“CasperJS需要PhantomJS v1.x”。

所以,我从github直接得到了最新的casperjs,它没有batchbin目录,所以我把C:\ casperjs \ bin目录放在路径中,而且这个工作正常(我的意思是它似乎对我来说足够好了 – 虽然运行casperjs c:\ casperjs \ tests \ selftest.js似乎有一些失败的测试)。

所以要回顾一下,坏消息只是最新的casperjs作品。 好消息是安装1,2,3是简单的:

  1. 从github克隆最新的casperjs到c:\ casperjs。
  2. 将phantomjs.exe(ver 2.0)复制到c:\ casperjs \ bin
  3. 将c:\ casperjs \ bin添加到您的Windows路径中

以防万一你使用像我这样的双显卡的笔记本电脑:选择其中之一,以防止问题。 这篇文章帮了我:

casperJS不能在Windows上完成

casperJS的文档很清楚,但我不知道该怎么做,直到我读到上面的通知。

快进到2015 … 5个步骤win7 howto:

  1. choco: PS me> iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))
  2. git: choco install git -y
  3. phantomjs 2.0: choco install phantomjs -y
  4. casperjs来源: git clone https://github.com/n1k0/casperjs -b phantomjs-2
  5. casperjs/bin的位置添加到PATH

完成。 你现在可以casperjs --version快乐地生活。