Selenium+PhantomJS(系列八:CSS选择器)
Selenium+PhantomJS(系列八:CSS选择器)
PhantomJS主要是通过JavaScript和CoffeeScript控制WebKit的CSS选择器、可缩放矢量图形SVG和HTTP网络等各个模块。
我们可以利用CSS选择器进行一些复杂的值选取操作。
querySelector示例一:
1 2 3 4 5 |
var content = page.evaluate(function () { var element = document.querySelector('#elem'); return element.textContent; }); console.log(content); |
querySelector示例二:
1 2 3 4 5 6 7 |
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示例三:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
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); } }); |