Mithilfe von Phantom-JS zu konvertieren alle HTML-Dateien in einem Ordner zu PNG

Habe ich angefangen mit Phantom-JS auf Windows, aber ich habe ein bisschen Schwierigkeiten bei der Dokumentation auf die Fähigkeit (wohl die Wurzel meines Problems).

Mit Phantom-JS möchte ich Folgendes tun:

  1. Geben Sie einen lokalen Computer-Ordner ablegen,
  2. Es haben, navigieren Sie zu diesem Speicherort, und identifizieren Sie die Liste der HTML-Dateien,
  3. Einmal, die Liste identifiziert wird, um eine Schleife von der Liste der HTML-Dateien und konvertiert Sie alle auf PNG (ähnlich wie die rasterize.js Beispiel Werke), in dem der Dateiname gsubs "HTML" durch "PNG".

Ich bin sicher, dies ist wohl möglich, aber ich war nicht in der Lage zu finden, die Phantom-JS-Funktion aufrufen für:

  1. immer die Liste der Dateien in einem Ordner und
  2. das format für die gsub und grep in Phantom JS.

InformationsquelleAutor der Frage JustADude | 2011-09-23

  1. 18
    var page = require('webpage').create(), loadInProgress = false, fs = require('fs');
var htmlFiles = new Array();
console.log(fs.workingDirectory);
var curdir = fs.list(fs.workingDirectory);

//loop through files and folders
for(var i = 0; i< curdir.length; i++)
{
    var fullpath = fs.workingDirectory + fs.separator + curdir[i];
    //check if item is a file
    if(fs.isFile(fullpath))
    {
        //check that file is html
        if(fullpath.indexOf('.html') != -1)
        {
            //show full path of file
            console.log('File path: ' + fullpath);
            htmlFiles.push(fullpath);
        }
    }
}

console.log('Number of Html Files: ' + htmlFiles.length);

//output pages as PNG
var pageindex = 0;

var interval = setInterval(function() {
    if (!loadInProgress && pageindex < htmlFiles.length) {
        console.log("image " + (pageindex + 1));
        page.open(htmlFiles[pageindex]);
    }
    if (pageindex == htmlFiles.length) {
        console.log("image render complete!");
        phantom.exit();
    }
}, 250);

page.onLoadStarted = function() {
    loadInProgress = true;
    console.log('page ' + (pageindex + 1) + ' load started');
};

page.onLoadFinished = function() {
    loadInProgress = false;
    page.render("images/output" + (pageindex + 1) + ".png");
    console.log('page ' + (pageindex + 1) + ' load finished');
    pageindex++;
}

    Hoffe, das hilft. Für mehr Informationen über das Dateisystem-Aufrufe, prüfen Sie diese Seite aus: http://phantomjs.org/api/fs/

    Außerdem wollte ich noch hinzufügen, dass ich glaube, dass die Dateisystem-Funktionen sind nur verfügbar in PhantomJS 1.3 oder später. Bitte stellen Sie sicher, dass Sie die neueste version. Ich verwendet PyPhantomJS für Windows, aber ich bin sicher, dass dies funktionieren wird, ohne Probleme auf andere Systeme.

    InformationsquelleAutor der Antwort Cameron Tinker

Schreibe einen Kommentar