一、京東商品詳情頁

1. 詳情頁截圖

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. 輸出結果