Scrapy：从squawka获取数据

Question

我想从squawka网页中刮取埃弗顿和Aston Villa之间的比赛所拍摄的x和y坐标。我已经使用Firebug元素检查器来获取圆的X路径（例如/ html/body/div [2]/div [3]/div [2]/div [1]/div/div [15]/DIV [2]/DIV [3]/DIV [1]/DIV [3]/DIV [1]/DIV [2]/SVG/g的[22] /圆圈）。每个镜头圆的像素坐标都包含在cx和cy属性中。

我试图在Python中使用scrapy模块刮取这些数字，但没有成功。我对此很新，基本上已经修改了scrapy教程中的代码。该项目文件：

import scrapy 

class SquawkaItem(scrapy.Item): 
    cx = scrapy.Field() 
    cy = scrapy.Field() 

蜘蛛文件：

import scrapy 
from squawka.items import SquawkaItem 

class SquawkaSpider(scrapy.Spider): 
    name = "squawka" 
    allowed_domains = ["squawka.com"] 
    start_urls = ["http://epl.squawka.com/everton-vs-aston-villa/18-10-2014/english-barclays-premier-league/matches"] 

    def parse(self, response): 
     for sel in response.xpath('/html/body/div/div/div/div/div/div/div/div/div/div/div/div/svg/g/circle'): 
      cx = sel.xpath('[@cx]').extract() 
      cy = sel.xpath('[@cy]').extract() 
      print cx, cy 

当我在Linux终端运行这个蜘蛛，用 'scrapy爬行squawka' 命令，我得到下面的输出：

2014-10-26 12:49:53+0000 [scrapy] INFO: Scrapy 0.25.0-222-g675fd5b started (bot: squawka) 
2014-10-26 12:49:53+0000 [scrapy] INFO: Optional features available: ssl, http11, boto, django 
2014-10-26 12:49:53+0000 [scrapy] INFO: Overridden settings: {'NEWSPIDER_MODULE': 'squawka.spiders', 'SPIDER_MODULES': ['squawka.spiders'], 'BOT_NAME': 'squawka'} 
2014-10-26 12:49:54+0000 [scrapy] INFO: Enabled extensions: LogStats, TelnetConsole, CloseSpider, CoreStats, SpiderState 
2014-10-26 12:49:55+0000 [scrapy] INFO: Enabled downloader middlewares: HttpAuthMiddleware, DownloadTimeoutMiddleware, UserAgentMiddleware, RetryMiddleware, DefaultHeadersMiddleware, MetaRefreshMiddleware, HttpCompressionMiddleware, RedirectMiddleware, CookiesMiddleware, ChunkedTransferMiddleware, DownloaderStats 
2014-10-26 12:49:55+0000 [scrapy] INFO: Enabled spider middlewares: HttpErrorMiddleware, OffsiteMiddleware, RefererMiddleware, UrlLengthMiddleware, DepthMiddleware 
2014-10-26 12:49:55+0000 [scrapy] INFO: Enabled item pipelines: 
2014-10-26 12:49:55+0000 [squawka] INFO: Spider opened 
2014-10-26 12:49:55+0000 [squawka] INFO: Crawled 0 pages (at 0 pages/min), scraped 0 items (at 0 items/min) 
2014-10-26 12:49:55+0000 [scrapy] DEBUG: Telnet console listening on 127.0.0.1:6023 
2014-10-26 12:49:56+0000 [squawka] DEBUG: Crawled (200) <GET http://epl.squawka.com/everton-vs-aston-villa/18-10-2014/english-barclays-premier-league/matches> (referer: None) 
2014-10-26 12:49:56+0000 [squawka] INFO: Closing spider (finished) 
2014-10-26 12:49:56+0000 [squawka] INFO: Dumping Scrapy stats: 
{'downloader/request_bytes': 300, 
'downloader/request_count': 1, 
'downloader/request_method_count/GET': 1, 
'downloader/response_bytes': 16169, 
'downloader/response_count': 1, 
'downloader/response_status_count/200': 1, 
'finish_reason': 'finished', 
'finish_time': datetime.datetime(2014, 10, 26, 12, 49, 56, 402920), 
'log_count/DEBUG': 1, 
'log_count/INFO': 3, 
'response_received_count': 1, 
'scheduler/dequeued': 1, 
'scheduler/dequeued/memory': 1, 
'scheduler/enqueued': 1, 
'scheduler/enqueued/memory': 1, 
'start_time': datetime.datetime(2014, 10, 26, 12, 49, 55, 261954)} 
2014-10-26 12:49:56+0000 [squawka] INFO: Spider closed (finished) 

正如你可以看到它说，它没有爬行任何网页，并没有输出数据。我没有想法如何去改变我的代码来获取我想要的数据。任何有关我的代码或其他技术的更改想法都会非常感激。谢谢。

Answer 1

我有我需要的数据 - 谢谢你的建议。最后，我最终使用了Selenium webdriver和Beautifulsoup。这里是我的代码：

from selenium import webdriver 
from bs4 import BeautifulSoup 

driver = webdriver.Firefox() 
driver.get("http://epl.squawka.com/everton-vs-aston-villa/18-10-2014/english-barclays- premier-league/matches") 

#find the elements which bring up the shots svg image 
inputElement = driver.find_element_by_id("mc-stat-shot") 
inputElement.click() 
inputElement = driver.find_element_by_id("team2-select") 
inputElement.click() 

pageSource = driver.page_source 
soup = BeautifulSoup(pageSource) 
for circle in soup.find_all('circle'): 
    if circle['r'] == '6.5': 
     x = circle['cx'] 
     y = circle['cy'] 
     print x, y 
    else: 
     continue 

driver.quit() 

代码使用硒点击网页上的元素，弹出正确的SVG图像（标记为圆圈上的所有镜头全部间距）。间距svg的尺寸为480x366像素。然后我存储页面源，并使用Beautifulsoup获取我感兴趣的属性值（圆形的x和y坐标）。

Answer 2

在我看来，SVG图形是由Javascript绘制的，并且不存在于源HTML中。

您将需要：

• 硒
• 一些JavaScript渲染像Splash
• 或反向工程XHR调用，获得的原始数据来构建SVG图形