35

WindowsにCasperJSをインストールする方法に関するCasperJS Webサイトのドキュメントがあることは知っていますが、これらの人はプロ向けにのみ説明されています.

この CasperJS と PhantomJS の世界に慣れていない場合は、ネットでより良い説明を検索するのに 2 日も費やさないと理解できないでしょう。

プロジェクト Web サイトにリストされている各 Web サイトのスクリーンショットを必要とするプロジェクトに取り組んでいます。見回すと、PhantomJS がこのタスクに最適であることがわかりました (Web サイトのスクリーンショット)。

PhantomJS をダウンロードし、コマンドを送信するときにうまく機能するphantomjs.exeファイルを貼り付けました。system32cmd.exe

のみでスクリーンショットを取得することさえできましたphantomjs.exe。しかし、CasperJS を使用するとスクリーンショットのサイズを縮小することさえできるため、これら 2 つ (CasperJS と PhantomJS) が連携するとワークロードが簡単になることに気付いたときに問題が発生しました。

実際、私がCasperJSを使用したいのはショットサイズの制限だけですが、昨日からWindowsでCasperJSを機能させる方法を見つけようとしていますが、役に立ちませんでした。

私はCasperJSをダウンロードし、多くの方法でインストールしようとしましたが、ドキュメントに従おうとしましたが、何もしませんでした。

ドキュメントが示唆するように、CasperJSフォルダー名をダウンロード名からCasperJSに変更しましたが、いくつかのコマンドを呼び出そうとしてcmdをチェックインしても何も起こりません。

とにかく、ストーリーショットをカットするために、私がCasperJSをウィンドウにインストールする方法、または可能であればPhantomJSのみを使用してプログラムが生成する画像のサイズを変更する方法を説明する初心者であることを考えると、誰もが簡単な言葉で私を助けることができます960 から 400px が必要です。

4

8 に答える 8

65

Windows のドキュメントが不十分です。http://casperjs.org/installation.html#windows

インストール方法を説明せずに、既にインストールされていると想定して開始します。

したがって、他の誰かがこれについて混乱している場合は、ここにあります。実際のインストールはありません。zip コンテンツを適切な場所に抽出するだけです。

  1. phantomjs サイトから Windows 用の phantomjs をダウンロードします (バイナリを含む zip です)。
  2. 内容を C:\phantomjs に抽出します
  3. casperjs Web サイトから 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のディレクトリにコピーします。
  • ステップ bのディレクトリにconfig.jsonファイルを作成して保存します。
  • config.jsonには、 http ://phantomjs.org/api/command-line.html にあるように、phantomjs 構成が含まれている必要があります。

ステップ 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.jsとfirst.jsを以下に示します。

config.json

{"sslProtocol": "any", "cookiesFile": "ビスケット", "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 スクリーンショット.js http://phantomjs.org

テストの実行: picturefill-test.jsの詳細をダウンロードして保存し、次の ように実行します。

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

于 2014-10-30T09:54:46.413 に答える
4

3日間の作業の後、問題はパスとファントムのインストールにありました。フォルダーへのパスを作成しましたが、インストールはexeファイルを指していました.exeファイルをphantomjsフォルダーに入れるだけでした。それはあなたの助けに感謝します。

于 2013-02-17T10:41:55.680 に答える
3

他の回答の多くは古くなっています。正しいインストールプロセスは常に変化しているように見えるので、私の回答も数日で古くなると思いますが、2015 年 3 月 19 日現在、これが回答です。他の回答は、非常に支持されたものであっても機能しないため、時間を無駄にしないでください。幸運を。Casperjsはかなり良いようです。

PhantomJS 2.0 と casperjs 1.1-beta3 zip ファイルをダウンロードし、パスに batchbin ディレクトリを配置し、その同じフォルダーに phantom exe を配置してから casperjs を実行すると、Windows 8.1 で「CasperJS には PhantomJS v1.x が必要です」というエラーが表示されます。

それで、最新の casperjs を github から直接入手しましたが、これには batchbin ディレクトリがありません。そのため、代わりに C:\casperjs\bin ディレクトリをパスに配置すると、これが機能しました (つまり、私にとっては十分に機能しているようです)。 - casperjs c:\casperjs\tests\selftest.js を実行すると、多くの失敗したテストがあるようです)。

要約すると、悪いニュースは最新のブリーディング エッジ casperjs の動作のみです。良いニュースは、インストールが 1,2,3 で簡単であることです。

  1. 最新の casperjs を github から c:\casperjs に複製します。
  2. phantomjs.exe (ver 2.0) を c:\casperjs\bin にコピーします。
  3. Windows パスに c:\casperjs\bin を追加します
于 2015-03-19T18:15:32.717 に答える
1

2015 年に早送りします... 5 ステップの win7 ハウツー:

  1. ちょこ： PS me> iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))
  2. ギット： choco install git -y
  3. ファントムjs 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 に答える
1

わかりました。ですから、このスレッドは 2018 年に向けて更新する必要があると思います!

を使用するとnpm、労力が大幅に削減されます。インストールが完了したらnpm、ターミナルを開いてプロジェクトに移動します。

cd your_project_name

次にcasperjsをインストールします。--save-dev、--save、-gまたは none を必要に応じて使用します。

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 に答える