Selenium+PhantomJS（系列八：CSS选择器）

2017/04/11

PhantomJS主要是通过JavaScript和CoffeeScript控制WebKit的CSS选择器、可缩放矢量图形SVG和HTTP网络等各个模块。

我们可以利用CSS选择器进行一些复杂的值选取操作。

querySelector示例一：

var content = page.evaluate(function () {
var element = document.querySelector('#elem');
    return element.textContent;
});
console.log(content);

var content = page.evaluate(function () {

var element = document.querySelector('#elem');

return element.textContent;

});

console.log(content);

querySelector示例二：

elements = document.querySelectorAll("p");
console.log("elements " + elements.length);
console.log(window.getComputedStyle(elements[0]));
console.log(window.getComputedStyle(elements[0]).length);
console.log(window.getComputedStyle(elements[0]).getPropertyValue("background-color"));
console.log(window.getComputedStyle(elements[0]).getPropertyValue("color"));
console.log(elements[0].innerHTML);

elements = document.querySelectorAll("p");

console.log("elements " + elements.length);

console.log(window.getComputedStyle(elements[0]));

console.log(window.getComputedStyle(elements[0]).length);

console.log(window.getComputedStyle(elements[0]).getPropertyValue("background-color"));

console.log(window.getComputedStyle(elements[0]).getPropertyValue("color"));

console.log(elements[0].innerHTML);

querySelector示例三：

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

   var ARG_URL = system.args[1];
    page.open(ARG_URL, function(status) {
     if(status === "success") {
          setTimeout(function () {
             page.evaluate(function(){
                console.log(window.getComputedStyle(document.getElementsByClassName("u01logo")[0]).getPropertyValue("display"));
             });
             return phantom.exit();
          }, 5000);
      }
  });

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

var system = require('system');

var ARG_URL = system.args[1];

page.open(ARG_URL, function(status) {

if(status === "success") {

setTimeout(function () {

page.evaluate(function(){

console.log(window.getComputedStyle(document.getElementsByClassName("u01logo")[0]).getPropertyValue("display"));

});

return phantom.exit();

}, 5000);

}

});

Blogroll