CasperJS 抓取京东商品详情页中的商品信息

一、京东商品详情页

1. 详情页截图

CasperJS 抓取京东商品详情页中的商品信息_第1张图片

2. 网页结构

CasperJS 抓取京东商品详情页中的商品信息_第2张图片

二、实战:抓取详情页中红色方框中的信息

1. 代码

phantom.outputEncoding="GBK"; //in order to display Chinese.
var casper = require('casper').create({ 
  pageSettings: {
    loadImages: false,
    loadPlugins: false
  }
});  
var productPrice;
var productName;
var productIntroduce;

casper.start();

casper.thenOpen('http://item.jd.com/1367102.html');//open webpage

//get product name
casper.then(function getName() {
    productName = casper.evaluate(function getNameFromPage() {
        return  name = document.getElementById('name').getElementsByTagName('h1')[0].innerText;  
    });  
});  

//get product introduce info
casper.then(function getIntroduce() {
    productIntroduce = casper.evaluate(function getIntroduceFromPage() {
        return  introduce = document.getElementsByClassName('p-ad J-ad-1367102')[0].innerText;  
    });  
});

//get product price
casper.then(function getPrice() {  
    productPrice = casper.evaluate(function getPriceFromPage() {  
        return  price = document.getElementsByClassName('p-price')[0].innerText.replace('¥', '').trim();  
    });  
});  

//print product info
casper.then(function outputProductInfo() {
    console.log("产品名称: " + productName);
    console.log("产品介绍: " + productIntroduce);
    console.log("产品价格: " + productPrice);
    casper.exit();  
});

casper.run();

2. 输出结果

获得京东商品信息

你可能感兴趣的:(JavaScript,京东,casperjs,商品详情,商品信息)