35

我知道 CasperJS 网站上有一个关于如何在 Windows 上安装 CasperJS 的文档,但请耐心等待这些人只为专业人士解释。

如果您对所有这些 CasperJS 和 PhantomJS 世界都不熟悉,那么您甚至没有机会去理解甚至花两天时间在网上搜索以获得更好的解释。

我正在做一个项目,该项目需要我的项目网站上列出的每个网站的屏幕截图,环顾四周,我发现 PhantomJS 非常适合这项任务(网站截图)。

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

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

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

我已经下载了 CasperJS 并尝试以多种方式安装它,也尝试遵循文档但没有。

正如文档所建议的那样,我将 CasperJS 文件夹名称从其下载名称更改为 CasperJS,但是当我签入 cmd 试图调用一些命令时,没有任何反应。

无论如何,要剪辑故事镜头,考虑到我是一个新手来解释如何将 CasperJS 安装在窗口上,或者如果可能的话,只能使用 PhantomJS 我如何重新调整程序产生的 iamge 的大小让我说如果我想要 960 到 400 像素。

4

8 回答 8

65

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。

于 2013-07-11T03:49:59.663 回答
9

我在下面列出了在我的个人 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 :

配置文件

{“sslProtocol”:“任何”,“cookiesFile”:“饼干”,“maxDiskCacheSize”:1000,“diskCache”:true}

第一个.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

于 2014-10-30T09:54:46.413 回答
7

CasperJS 1.1.0-DEV Beta 3 开始,您应该使用此 PATH:C:\casperjs\batchbin即使在此处找到的文档声明您需要使用C:\casperjs\bin

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

于 2013-10-31T17:30:57.557 回答
4

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

于 2013-02-17T10:41:55.680 回答
3

Many of the other answers are out of date. Since it seems like the correct install process keeps changing all the time, I suspect my answer will be out of date also in a few days, but as of March 19, 2015, this is the answer. The other answers, even highly upvoted ones, do not work, so don't waste your time. Good luck. Casperjs seems quite good.

If you download PhantomJS 2.0 and casperjs 1.1-beta3 zip file and put the batchbin directory in the path and put phantom exe in that same folder, then run casperjs, on Windows 8.1 I get the error "CasperJS needs PhantomJS v1.x".

So, I got the latest casperjs direct from github, which has no batchbin directory, so I put just the C:\casperjs\bin directory in the path instead and this worked (sort of, I mean it seems to work well enough for me - although running casperjs c:\casperjs\tests\selftest.js seems to have a number of failing tests).

So to recap, the bad news is only the very latest bleeding edge casperjs works. The good news is the install is 1,2,3 simple:

  1. Clone latest casperjs from github into c:\casperjs.
  2. Copy phantomjs.exe (ver 2.0) to c:\casperjs\bin
  3. Add c:\casperjs\bin to your windows path
于 2015-03-19T18:15:32.717 回答
1

以防万一您像我一样使用带有双显卡的笔记本电脑:选择其中一个以防止出现问题。这篇文章帮助了我:

casperJS 没有在 Windows 上完成

casperJS 文档对此非常清楚,但在阅读上面的通知之前,我不知道该怎么做。

于 2015-03-06T14:01:13.450 回答
1

好了朋友们。所以我认为这个线程需要在 2018 年刷新!

因此,使用npm,工作量大大减少。鉴于您已经npm安装,打开终端并转到您的项目:

cd your_project_name

现在安装 casperjs。根据需要使用--save-dev--save-g无:

npm install --save-dev casperjs

现在安装 phantomjs。为此,您应该安装 phantomjs-prebuilt,因为 PhantomJS 团队更改了他们的包名称:

npm install --save-dev phantomjs-prebuilt

运行你的规范:

casperjs your_spec_name.js

于 2018-03-08T12:11:22.220 回答
1

快进到 2015... 5 步 win7 如何:

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

完毕。你现在可以casperjs --version过上幸福的生活。

于 2015-11-04T11:52:00.083 回答