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

Question

我知道CasperJS网站上有一篇关于如何在Windows上安装CasperJS的文档,但请注意这些人只是为专业人士解释的.

如果你是所有这些CasperJS和PhantomJS世界的新手,你就没有机会理解甚至花两天时间试图搜索网络以获得更好的解释.

我正在开发一个项目,需要我项目网站上列出的每个网站的屏幕截图,环顾四周我发现PhantomJS对于这个任务非常棒(网站截图).

我下载了PhantomJS并粘贴了我用来发送命令时运行良好的phantomjs.exe文件.system32cmd.exe

我甚至设法抓住phantomjs.exe唯一的屏幕截图.但是当我注意到这两个工作(CasperJS和PhantomJS)时工作量可能会更容易,因为我甚至能够在使用CasperJS时减小屏幕截图的大小,我的问题就来了.

事实上,我想要CasperJS的唯一用途是限制镜头大小但是从昨天开始我一直试图弄清楚如何让CasperJS在Windows上运行但却无济于事.

我已经下载了CasperJS并试图以多种方式安装它,也试图按照文档但没有任何东西.

我将CasperJS文件夹名称从其下载名称更改为CasperJS,如文档所示,但是当我检查cmd尝试调用某些命令时,没有任何反应.

无论如何要剪切故事镜头可以任何人帮我简单地考虑到我是一个新手来解释如何在窗口上安装CasperJS或者如果可能的话只用PhantomJS我怎么能重新调整程序产生的大小让我说如果我想要一个960到400px.

Answer 1

Windows的文档很差.http://casperjs.org/installation.html#windows

假设您已经安装而没有告诉您如何安装,它就开始了.

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

1. 从phantomjs网站下载用于Windows的phantomjs(它是带有二进制内部的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.

Answer 2

我在下面列出了在我的个人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上:./ elephantomjs --config = config.json casperjs/bin/bootstrap.js --casper-path = casperjs --cli first.js

下面列出了实验config.js和first.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

Answer 3

从CasperJS 1.1.0-DEV Beta 3开始,您应该使用此PATH:C:\casperjs\batchbin即使此处的文档指出您需要使用C:\casperjs\bin

这样做的原因是因为C:\casperjs\batchbin包含一个C:\casperjs\bin除了某些.js文件之外不包含任何内容的.BAT .

Answer 4

经过三天的工作，我设法让它工作，问题出在路径和幻影的安装上。我已经创建了一个文件夹的路径，但安装指向 exe 文件，我所要做的就是将 exe 文件放入文件夹 phantomjs 中，这就是感谢大家的帮助。