PhantomJS - 快速指南

---

PhantomJS - 概述

PhantomJS被称为无头浏览器，因为在执行 JavaScript 代码时没有浏览器的参与。执行不会在浏览器显示中看到，而是在命令行提示符中看到。CSS 处理、DOM 操作、JSON、Ajax、Canvas、SVG等功能都将在命令提示符下处理。PhantomJS 没有 GUI，因此它的所有执行都在命令行中进行。

使用 PhantomJS，我们可以写入文件、读取文件内容或上传文件、截屏、将网页转换为 pdf 等等。使用无头浏览器，您可以获得所有浏览器Behave（即Cookie）、Http 请求方法（即GET /POST）、清除 Cookie、删除 Cookie等、重新加载页面、导航到不同页面。

PhantomJS使用WebKit，它具有与著名浏览器类似的浏览环境——Google Chrome、Mozilla Firefox、Safari等。它还提供了大量的JavaScript API，有助于截屏、上传文件、写入文件、读取文件、与网页交互等。

PhantomJS 不支持 Flash 或 Video，因为它需要插件，并且很难在命令行上支持相同的功能。

PhantomJS的特点

现在让我们了解 PhantomJS 提供的功能。

页面自动化

PhantomJS 允许您借助其 API 读取页面内容。它可以帮助操作 DOM，使用外部库来执行所需的任务。

屏幕截图

PhantomJS 有助于截取指定页面的屏幕截图，并将其保存为各种格式的图像，如 PNG、JPEG、PDF 和 GIF。借助屏幕截图，可以轻松帮助确保网页内容良好。

PhantomJS 提供属性和方法，允许开发人员调整屏幕截图的大小并指定他们想要捕获的区域。

无头测试

PhantomJS 有助于在命令行测试 UI。同时，借助屏幕截图，可以轻松帮助查找 UI 中的错误。PhantomJS 有时无法单独帮助测试。但是，它可以与其他测试库（如 Mocha、Yoeman 等）一起包装。您可以借助 PhantomJS 上传文件并提交表单。

PhantomJS 可用于测试跨站点的登录并确保安全性不会受到损害。PhantomJS可以与CasperJS、Mocha、Qunit等其他工具一起使用，使测试更加强大。

网络监控

PhantomJS 的重要功能之一是使用可用的 API 来监控网络连接。PhantomJS 允许检查网络流量；适合对网络Behave和性能进行各种分析。

PhantomJS 可用于收集有关实时环境中网页性能的数据。PhantomJS 可以与Yslow等工具一起使用来收集任何网站的性能指标。

PhantomJS - 环境设置

PhantomJS 是一款免费软件，根据BSD 许可证分发。它易于安装，并提供多种执行脚本的功能。PhantomJS可以轻松运行在Windows、Linux、Mac等多种平台上。

要下载 PhantomJS，您可以访问 – http://phantomjs.org/，然后单击下载选项。

对于 Windows

下载页面显示了不同操作系统的下载选项。下载 zip 文件，解压它，您将获得一个可执行文件phantom.exe。将 PATH 环境变量设置为 phantom.exe 文件的路径。打开新的命令提示符并输入phantomjs –v。它应该为您提供正在运行的 PhantomJS 的当前版本。

对于 MAC OS X

下载适用于 MAC OS 的 PhantomJS zip 文件并解压内容。下载内容后，将 PhantomJS 移动到 – /usr/local/bin/。在终端执行 PhantomJS 命令 phantomjs –v ，它应该会给你 PhantomJS 的版本描述。

Linux 64 位

下载适用于 Linux 64 位的 PhantomJS zip 文件并解压内容。下载内容后，将 PhantomJS 文件夹移动到/usr/local/share/并创建一个符号链接-

sudo mv $PHANTOM_JS /usr/local/share 
sudo ln -sf /usr/local/share/$PHANTOM_JS/bin/phantomjs /usr/local/bin.

在终端执行 phantomjs –v ，它应该给出 PhantomJS 的版本。

Linux 32 位

下载适用于 Linux 32 位的 PhantomJS zip 文件并解压内容。下载内容后，将 PhantomJS 文件夹移动到/usr/local/share/并创建一个符号链接 -

sudo mv $PHANTOM_JS /usr/local/share 
sudo ln -sf /usr/local/share/$PHANTOM_JS/bin/phantomjs /usr/local/bin.

在终端执行 phantomjs –v ，它应该给出 PhantomJS 的版本。

PhantomJS 源代码也可以通过单击以下链接从 git 存储库获取 – https://github.com/ariya/phantomjs/

要在 PhantomJS 中运行脚本，命令如下 -

phantomjs jsfile arg1 arg2… 

PhantomJS - 对象

在本章中，我们将了解 PhantomJS 的四个重要对象。它们如下 -

• 启用 Cookie
• cookie
• 库路径
• 版本

现在让我们详细讨论其中的每一个。

cookies启用

它告诉我们 cookie 是否启用。如果是，它将返回true ；否则为假。

句法

其语法如下 -

phantom.cookiesEnabled

例子

cookieenabled.js

phantom.addCookie ({  
   //adding cookie with addcookie property 
   name: 'c1', 
   value: '1', 
   domain: 'localhost' 
}); 

console.log("Cookie Enabled value is : "+phantom.cookiesEnabled); 
phantom.exit();

输出

命令- phantomjs cookieenabled.js

Cookie Enabled value is : true 

cookie

它有助于向域添加和设置 cookie。它返回一个对象，其中包含该域可用的所有 cookie。

句法

其语法如下 -

phantom.cookies; 

例子

文件名: phantomcookie.js

phantom.addCookie ({ 
   name: 'c1', 
   value: '1', 
   domain: 'localhost' 
}); 
phantom.addCookie ({ 
   name: 'c2', 
   value: '2', 
   domain: 'localhost' 
}); 
phantom.addCookie ({ 
   name: 'c3', 
   value: '3', 
   domain: 'localhost' 
}); 
console.log(JSON.stringify(phantom.cookies)); 
phantom.exit();

输出

命令- phantomjs phantomcookie.js

[{"domain":".localhost","httponly":false,"name":"c3","path":"/","secure":false, " 
value":"3"},{"domain":".localhost","httponly":false,"name":"c2","path":"/","sec u 
re":false,"value":"2"},{"domain":".localhost","httponly":false,"name":"c1","pat h
":"/","secure":false,"value":"1"}]

在上面的示例中，我们向 localhost 域添加了一些 cookie。然后我们使用phantom.cookies获取它。它通过使用JSON stringify方法将 JavaScript 对象转换为字符串，返回一个包含所有 cookie 的对象。您还可以使用foreach来访问 cookie 的名称/值。

库路径

PhantomJSlibraryPath存储injectJS方法要使用的脚本路径。

句法

其语法如下 -

phantom.libraryPath 

例子

这是一个查找版本的示例。

var webPage = require('webpage');
var page = webPage.create();

page.open('http://www.tutorialspoint.com/jquery', function(status) {
   if (status === "success") { 
      page.includeJs('http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js ', function() { 
         if (page.injectJs('do.js')) { 
            // returnTitle is a function loaded from our do.js file - see below 
            return returnTitle(); 
         });
         
         console.log(title); 
         phantom.exit(); 
      } 
   } 
});

window.returnTitle = function() { 
   return document.title;
}; 

上述程序生成以下输出。

Jquery Tutorial

版本

它给出正在运行的 PhantomJS 的版本并返回对象中的详细信息。例如：{“主要”：2，“次要”：1，“补丁”：1}

句法

其语法如下 -

phantom.version

例子

这是一个查找版本的示例。

var a = phantom.version;
console.log(JSON.stringify(a));
console.log(a.major);
console.log(a.minor);
console.log(a.patch);
phantom.exit();

上述程序生成以下输出。

{"major":2,"minor":1,"patch":1} 
2 
1 
1

在上面的示例中，我们使用console.log来打印版本。目前，我们正在版本 2 上运行。它返回对象，其详细信息如上面的代码块所示。

PhantomJS - 方法

PhantomJS 是一个无需浏览器即可帮助执行 JavaScript 的平台。为此，使用以下方法，有助于添加 Cookie、删除、清除、退出脚本、注入 JS 等。

我们将在本章中详细讨论这些 PhantomJS 方法及其语法。网页模块中也有类似的方法addcookie、injectjs ，这些方法将在后续章节中讨论。

PhantomJS 公开了以下方法，可以帮助我们在没有浏览器的情况下执行 JavaScript -

• 添加Cookie
• 清除Cookie
• 删除Cookie
• 出口
• 注入JS

现在让我们通过示例详细了解这些方法。

添加Cookie

addcookie方法用于添加cookie并存储在数据中。它与浏览器存储它的方式类似。它需要一个参数，该参数是一个具有 cookie 所有属性的对象，其语法如下所示 -

句法

其语法如下 -

phantom.addCookie ({ 
   "name" : "cookie_name",  
   "value" : "cookie_value", 
   "domain" : "localhost" 
});

名称、值、域是要添加到 addcookie 函数中的强制属性。如果 cookie 对象中缺少任何此属性，则此方法将失败。

• name - 指定 cookie 的名称。

• value - 指定要使用的 cookie 的值。

• 域- cookie 将应用到的域。

例子

这是addcookie方法的示例。

var page = require('webpage').create(),url = 'http://localhost/tasks/a.html'; 
page.open(url, function(status) { 
   if (status === 'success') {     
      phantom.addCookie({   //add name cookie1 with value = 1 
         name: 'cookie1', 
         value: '1', 
         domain: 'localhost' 
      }); 
      phantom.addCookie({   // add cookie2 with value 2 
         name: 'cookie2', 
         value: '2', 
         domain: 'localhost' 
      }); 
      phantom.addCookie({   // add cookie3 with value 3 
         name: 'cookie3', 
         value: '3', 
         domain: 'localhost' 
      }); 
      console.log('Added 3 cookies'); 
      console.log('Total cookies :'+phantom.cookies.length);  
      
      // will output the total cookies added to the url.    
   } else { 
      console.error('Cannot open file'); 
      phantom.exit(1); 
   } 
}); 

例子

a.html

<html>
   <head>
      <title>Welcome to phantomjs test page</title>
   </head>
   
   <body>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
   </body>
</html>

上述程序生成以下输出。

Added 3 cookies 
Total cookies :3

代码注释是不言自明的。

清除Cookies

此方法允许删除所有 cookie。

句法

其语法如下 -

phantom.clearCookies();

此概念的工作原理类似于通过在浏览器菜单中进行选择来删除浏览器 cookie。

例子

这是clearCookies方法的示例。

var page = require('webpage').create(),url = 'http://localhost/tasks/a.html'; 
page.open(url, function(status) { 
   if (status === 'success') {     
      phantom.addCookie({   //add name cookie1 with value = 1 
         name: 'cookie1', 
         value: '1', 
         domain: 'localhost' 
      }); 
      phantom.addCookie({   // add cookie2 with value 2 
         name: 'cookie2', 
         value: '2', 
         domain: 'localhost' 
      }); 
      phantom.addCookie({   // add cookie3 with value 3 
         name: 'cookie3', 
         value: '3', 
         domain: 'localhost' 
      }); 
      console.log('Added 3 cookies'); 
      console.log('Total cookies :'+phantom.cookies.length); 
      phantom.clearCookies(); 
      console.log(
         'After clearcookies method total cookies :' +phantom.cookies.length); 
      
      phantom.exit();     
   } else { 
      console.error('Cannot open file'); 
      phantom.exit(1); 
   } 
}); 

a.html

<html>
   <head>
      <title>Welcome to phantomjs test page</title>
   </head>
   
   <body>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
      <h1>This is a test page</h1>
   </body>
</html>

上述程序生成以下输出。

Added 3 cookies 
Total cookies :3 
After clearcookies method total cookies :0 

删除Cookie

删除CookieJar中“name”属性与 cookieName 匹配的所有 cookie 。如果删除成功，则返回true ；否则为假。

句法

其语法如下 -

phantom.deleteCookie(cookiename);

让我们通过一个例子来了解addcookie、clearcookies和deletecookie 。

例子

这是一个演示 deleteCookie 方法使用的示例 -

文件：cookie.js

var page = require('webpage').create(),url = 'http://localhost/tasks/a.html'; 
page.open(url, function(status) { 
   if (status === 'success') {     
      phantom.addCookie({   //add name cookie1 with value = 1 
         name: 'cookie1', 
         value: '1', 
         domain: 'localhost' 
      }); 
      phantom.addCookie({   // add cookie2 with value 2 
         name: 'cookie2', 
         value: '2', 
         domain: 'localhost' 
      });
      phantom.addCookie({   // add cookie3 with value 3 
         name: 'cookie3', 
         value: '3', 
         domain: 'localhost' 
      });  
      console.log('Added 3 cookies'); 
      console.log('Total cookies :'+phantom.cookies.length); 
      
      //will output the total cookies added to the url.    
      console.log("Deleting cookie2"); 
      phantom.deleteCookie('cookie2'); 
      
      console.log('Total cookies :'+phantom.cookies.length); 
      phantom.clearCookies();
      
      console.log(
         'After clearcookies method total cookies :' +phantom.cookies.length); 
      phantom.exit(); 
   } else { 
      console.error('Cannot open file'); 
      phantom.exit(1); 
   } 
});

上述程序生成以下输出。

phantomjs cookie.js
Added 3 cookies
Total cookies :3
Deleting cookie2
Total cookies :2
After clearcookies method total cookies :0

出口

phantom.exit 方法将退出它已启动的脚本。它退出程序并带有提到的返回值。如果没有传递任何值，它会给出'0' 。

句法

其语法如下 -

phantom.exit(value);

如果您不添加phantom.exit，则命令行假定执行仍在进行并且不会完成。

例子

让我们看一个例子来了解exit方法的使用。

console.log('Welcome to phantomJs');  // outputs Welcome to phantomJS 
var a = 1; 
if (a === 1) { 
   console.log('Exit 1'); //outputs Exit 1 
   phantom.exit(); // Code exits. 
} else { 
   console.log('Exit 2'); 
   phantom.exit(1); 
}

上述程序生成以下输出。

phantomjs exit.js

Welcome to phantomJs 
Exit 1 

phantom.exit 之后的任何代码都不会被执行，因为 phantom.exit 是结束脚本的方法。

注入

InjectJs用于在phantom中添加addtionaljs文件。如果在当前目录 librarypath中找不到该文件，则将使用 phantom 属性 (phantom.libraryPath) 作为跟踪路径的附加位置。如果文件添加成功则返回true ，否则返回false，如果无法找到文件则失败。

句法

其语法如下 -

phantom.injectJs(filename);

例子

让我们看下面的例子来了解injectJs的使用。

文件名：inject.js

console.log(“Added file”); 

文件名：addfile.js

var addfile =  injectJs(inject.js);
console.log(addfile);
phantom.exit();

输出

命令- C:\phantomjs\bin>phantomjs addfile.js

Added file // coming from inject.js
true

在上面的示例中，addfile.js使用injectJs调用文件inject.js。当您执行 addfile.js 时，inject.js 中存在的 console.log 将显示在输出中。由于文件 insert.js 已成功添加，因此 addfile 变量也显示为 true。

PhantomJS - 网页模块属性

PhantomJS 提供了相当多的属性和方法来帮助我们与网页内的内容进行交互。

require("webpage").create() 命令创建一个网页对象。我们将使用该对象借助下面列出的属性和方法来操作网页。

var wpage = require("webpage").create();

下表列出了我们将要讨论的所有网页属性。

PhantomJS - 网页模块方法

网页模块具有Cookie、框架、页面导航、重新加载、渲染和上传文件的方法。

以下是网页上可用的方法。

网页模块事件/回调

下表描述了网页模块可用的回调。

网页子进程模块

Phantomjs 子进程模块有助于与子进程交互并使用stdin /stdout/stderr与它们对话。子进程可用于打印、发送邮件或调用用另一种语言编写的程序等任务。要创建子进程模块，您需要引用。

例如 -

var process = require("child_process");

生成方法

通过spawn子进程，您可以订阅其stdout和stderr流以实时获取数据。

句法

其语法如下 -

var spawn = require('child_process').spawn;

例子

让我们看一个spawn方法的例子。

var process = require("child_process")
var spawn = process.spawn
var child = spawn("cmd", ['/c', 'dir']);

child.stdout.on("data", function (data) {
   console.log("spawnSTDOUT---VALUE:", JSON.stringify(data))
})
child.stderr.on("data", function (data) {
   console.log("spawnSTDERR:", JSON.stringify(data))
})
child.on("exit", function (code) {
   console.log("spawnEXIT:", code)
})

输出

上述程序生成以下输出。

spawnSTDOUT---VALUE: " Volume in drive C is OS\r\n"
spawnSTDOUT---VALUE: " Volume Serial Number is 7682-9C1B\r\n\r\n Directory of C:
\\phantomjs\\bin\r\n\r\n"
spawnSTDOUT---VALUE: "20-05-2017  10:01
<DIR>          .\r\n20-05-2017  10:01
<DIR>          ..\r\n13-05-2017  20:48   12 a,txt.txt\r\n07-05-2017  08:51
63 a.js\r\n06-05-2017  16:32           120,232 a.pdf\r\n13-05-2017  20:49 
spawnEXIT: 0 

PhantomJS - 文件系统模块属性

文件系统模块有许多 API 来处理文件和目录。您可以创建/写入和删除文件/目录。要开始使用文件系统模块，您必须需要对fs 模块的引用。

var fs = require('fs');

文件系统模块有两个可用属性：分隔符和工作目录。让我们详细了解它们。

分隔器

它告诉您用于文件路径的分隔符。

• 对于 Windows：\
• 对于 Linux：/

句法

其语法如下 -

fs.seperator

例子

var fs = require('fs');
console.log(fs.seperator);
phantom.exit();

上述程序生成以下输出。

undefined

工作目录

工作目录是 PhantomJS 执行的目录。

句法

其语法如下 -

var fs = require('fs');
fs.workingDirectory;

例子

var fs = require('fs');
console.log(fs.workingDirectory);
phantom.exit();

上述程序生成以下输出。

C:/phantomjs/bin

PhantomJS - 文件系统模块方法

下表包含文件系统模块上可用的所有方法及其说明。

PhantomJS - 系统模块属性

在本章中，我们将讨论 PhantomJS 的各种系统模块属性。

参数

PhantomJS 的系统模块具有不同的属性，这些属性有助于传递参数、了解正在执行的文件等。

args 属性基本上返回在命令行传递的参数。您还可以传递您想要读取的页面 URL。如果要存储屏幕截图 pdf 文件或上传文件，可以将详细信息传递到命令行，并可以使用args属性读取。

让我们找到长度以及获取传递到命令行的每个参数的方法。

句法

其语法如下 -

var system = require('system'); 
system.args;

例子

请查看以下示例以了解此属性的工作原理。

var system = require('system');
console.log(system.args.length);

if (system.args.length>0) {
   console.log(JSON.stringify(system.args));
}
phantom.exit();

上述程序生成以下输出。

命令- phantomsjs args.js http://localhost/tasks/request.html

2
["args.js","http://localhost/tasks/request.html"]

第一个值是文件名，下一个值是传递的 URL。您可以在命令行中传递更多参数并使用system.args获取相同的参数。

环境

env属性返回系统的详细信息。

句法

其语法如下 -

var system = require('system'); 
system.env;

例子

var system = require('system'); 
console.log(JSON.stringify(system.env)); 
phantom.exit();

上述程序生成以下输出。

{"=::":"::\\","=C:":"C:\\phantomjs\\bin","=ExitCode":"00000000","ALLUSERSPROFILE":
"C:\\ProgramData","APPDATA":"C:\\Users\\UserName\\AppData\\Roaming","COMPUTERNAME":
"X","ComSpec":"C:\\Windows\\system32\\cmd.exe","CommonProgramFiles":
"C:\\Program Files (x86)\\Common Files","CommonProgramFiles(x86)":
"C:\\Program Files (x86)\\Common Files","CommonProgramW6432":
"C:\\Program Files\\Common Files","FP_NO_HOST_CHECK":"NO","HOMEDRIVE":"C:",
"HOMEPATH":"\\Users\\UserName","LOCALAPPDATA":
"C:\\Users\\UserName\\AppData\\Local","LOGONSERVER":"\\\\MicrosoftAccount",
"NUMBER_OF_PROCESSORS":"2","OS":"Windows_NT","PATHEXT":".COM;.EXE;.BAT;.CMD;.VBS ;
.VBE;.JS;.JSE;.WSF;.WSH;.MSC","PROCESSOR_ARCHITECTURE":"x86","PROCESSOR_ARCHITEW64 32":
"AMD64","PROCESSOR_IDENTIFIER":"Intel64 Family 6 Model 58Stepping9,GenuineIntel",
"PROCESSOR_LEVEL":"6","PROCESSOR_REVISION":"3a09","PROMPT":
"$P$G","PSModulePath":"C:\\Windows\\system32\\WindowsPowerShell\\v1.0\\
Modules\\" ,"PUBLIC":"C:\\Users\\Public","Path":
"C:\\Program Files\\Dell\\DW WLAN Card;
c:\\Program Files (x86)\\Intel\\iCLS Client\\;c:\\Program Files\\Intel\\iCLSClient\\;
C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\ \Wbem;
C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;
C:\\Program Files\\Intel\\Intel(R) Management Engine Components\\DAL;
C:\\Program Files\\Intel\\Intel(R) Management Engine Components\\IPT;
C:\\Program Files (x86)\\Intel\\Intel(R) Management Engine Components\\DAL;
C:\\Program Files (x86)\\Intel\\Intel(R) 
ManagementEngineComponents\\IPT;c:\\ProgramFiles\\WIDCOMM\\BluetoothSoftware\\;
c:\\ProgramFiles\\WIDCOMM\\BluetoothSoftware\\syswow64;
C:\\ProgramFiles(x86)\\WindowsLive\\Shared;C:\\ProgramFiles\\nodejs\\;
C:\\ProgramFiles\\Git\\cmd;C:\\ProgramFiles\\ OpenVPN\\bin;
C:\\ProgramFiles(x86)\\Skype\\Phone\\;C:\\Users\\UserName\\AppData\\Roaming
\\npm","ProgramData":
"C:\\ProgramData","ProgramFiles":"C:\\ProgramFiles(x86)", 
"ProgramFiles(x86)":"C:\\ProgramFiles(x86)","ProgramW6432":
"C:\\ProgramFiles","SESSIONNAME":"Console","SystemDrive":
"C:","SystemRoot":"C:\\Windows","TEMP":"C:\\Users\ \Username~1\\AppData\\Local\\Temp",
"TMP":"C:\\Users\\Username~1\\AppData\\Local\\Temp",
"USERDOMAIN":"USER","USERDOMAIN_ROAMINGPROFILE":"USER","USERNAME":"X Y","USERPROFILE":
"C:\\Users\\X Y","windir":"C:\\Windows"}

操作系统

它返回所使用的操作系统的详细信息。它返回一个包含体系结构、操作系统名称和版本的对象。

句法

其语法如下 -

var system = require('system');
system.os;

例子

var system = require('system');
console.log(JSON.stringify(system.os));
phantom.exit();

上述程序生成以下输出。

{"architecture":"32bit","name":"windows","version":"8.1"}

PID

该属性返回进程 ID。

句法

其语法如下 -

var system = require('system');
system.pid;

例子

让我们看一下pid属性的示例。

var system = require('system');
console.log(system.pid);
phantom.exit();

上述程序生成以下输出。

2160

平台

该属性返回我们正在使用的平台。

句法

其语法如下 -

var system = require('system');
system.platform;

例子

var system = require('system');
console.log(system.platform);
phantom.exit();

上述程序生成以下输出。

Phantomjs

PhantomJS - Web 服务器模块属性

PhantomJS 使用名为mongoose的嵌入式 Web 服务器。目前，PhantomJS 无法与任何其他生产网络服务器连接。对于连接来说，它一次可以处理10个连接，超过10个请求就会在队列中等待。

要启动网络服务器，我们需要使用以下语法 -

var webserver = require (‘webserver’);

让我们了解一下Port属性，它用于监听发送到 Web 服务器的请求。

港口

Web 服务器的 Port 属性用于侦听发送给它的请求。

句法

其语法如下 -

var server = require('webserver').create();
var listening = server.listen(port, function (request, response) {});

例子

让我们举个例子来了解端口属性是如何工作的。

var webserver = require('webserver'); 
var server = webserver.create(); 
var service = server.listen(8080,function(request,response){  
}); 
if(service) console.log("server started - http://localhost:" + server.port); 

上述程序生成以下输出。

server started - http://localhost:8080

PhantomJS - Web 服务器模块方法

在本章中，我们将讨论 PhantomJS Web 服务器模块的各种方法。

关闭

close方法用于关闭网络服务器。

句法

其语法如下 -

var server = require('webserver').create();
server.close();

例子

以下示例展示了如何使用close方法。

var webserver = require('webserver');
var server = webserver.create();
var service = server.listen(8080,function(request,response){
});

if(service) console.log("server started - http://localhost:" + server.port);
console.log(server.port);
server.close();
console.log(server.port);

上述程序生成以下输出。

server started - http://localhost:8080 
8080

在这里，我们在关闭服务器后对server.port进行了控制台操作。因此，它不会响应，因为网络服务器已经关闭。

听

server.listen方法采用带有两个参数的端口和回调函数，即请求对象和响应对象。

请求对象包含以下属性 -

• 方法- 这定义了方法 GET /POST。

• URL - 显示请求的 URL。

• httpVersion - 显示实际的 http 版本。

• headers - 这显示所有带有键值对的标题。

• Post - 请求正文仅适用于 post 方法。

• postRaw - 如果 Content-Type 标头设置为“application/x-www-formurlencoded”，则帖子的原始内容将存储在这个额外的属性（postRaw）中，然后该帖子将使用 URL 解码自动更新数据的版本。

响应对象包含以下属性 -

• headers - 将所有 HTTP 标头作为键值对。应在第一次调用 write 之前设置。

• SetHeader - 这设置一个特定的标头。

• 标头（名称） - 它返回给定标头的值。

• StatusCode - 它设置返回的 HTTP 状态代码。

• SetEncoding (encoding) - 用于转换给 write() 的数据。默认情况下，数据将转换为 UTF-8。如果数据是二进制字符串，则指示“二进制”。如果数据是缓冲区（例如来自 page.renderBuffer），则不需要。

• Write (data) - 它发送响应主体的数据。可以多次调用。

• WriteHead (statusCode, headers) - 它向请求发送响应标头。状态代码是 3 位 HTTP 状态代码（例如 404）。最后的参数和标头是响应标头。

• Close - 它关闭 http 连接。

• CloseGraceously - 它与 close() 类似，但它确保首先发送响应标头。

句法

其语法如下 -

var server = require('webserver').create(); 
var listening = server.listen(8080, function (request, response) {} 

例子

让我们通过一个例子来了解listen方法是如何工作的。

var page = require('webpage').create(); 
var server = require('webserver').create(); 
var port = 8080; 
var listening = server.listen(8080, function (request, response) { 
   console.log("GOT HTTP REQUEST"); 
   console.log(JSON.stringify(request, null, 4)); 
   
   // we set the headers here 
   response.statusCode = 200; 
   response.headers = {"Cache": "no-cache", "Content-Type": "text/html"};  
 
   // the headers above will now be sent implictly 
   // now we write the body 
   response.write("<html><head><title>Welcone to Phantomjs</title></head>"); 
   response.write("<body><p>Hello World</p></body></html>"); 
   response.close(); 
}); 

if (!listening) { 
   console.log("could not create web server listening on port " + port); 
   phantom.exit(); 
} 

var url = "http://localhost:" + port + "/foo/response.php"; 
console.log("sending request to :" +url); 
page.open(url, function (status) { 
   if (status !== 'success') { 
      console.log('page not opening'); 
   } else { 
      console.log("Getting response from the server:"); 
      console.log(page.content); 
   } 
   
   phantom.exit(); 
});

上述程序生成以下输出。

sending request to :http://localhost:8080/foo/response.php 
GOT HTTP REQUEST { 
   "headers": {
      "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8", 
      "Accept-Encoding": "gzip, deflate", 
      "Accept-Language": "en-IN,*", 
      "Connection": "Keep-Alive", 
      "Host": "localhost:8080", 
      "User-Agent": "Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/538.1 
         (KHTML, like Gecko) PhantomJS/2.1.1 Safari/538.1" 
   }, 
   "httpVersion": "1.1", 
   "method": "GET", 
   "url": "/foo/response.php" 
} 
Getting response from the server: 
<html><head><title>Welcone to Phantomjs</title></head><body><p>Hello World</p></body>
</html> 

PhantomJS - 命令行界面

PhantomJS 可以使用关键字“phantomjs”和文件名来执行。例如，“phantomjs file.js”。

您还可以将参数传递到“file.js”中，如下所示 -

phantomjs [options] file.js arg1 arg2 ...

让我们看一下命令行上可用的一些选项。