选择器(Selectors)

当抓取网页时,你做的最常见的任务是从HTML源码中提取数据。现有的一些库可以达到这个目的:

- BeautifulSoup 是在程序员间非常流行的网页分析库,它基于HTML代码的结构来构造一个Python对象, 对不良标记的处理也非常合理,但它有一个缺点:慢。- lxml 是一个基于 ElementTree (不是Python标准库的一部分)的python化的XML解析库(也可以解析HTML)。

Scrapy提取数据有自己的一套机制。它们被称作选择器(seletors),因为他们通过特定的 XPath 或者 CSS 表达式来“选择” HTML文件中的某个部分。

XPath 是一门用来在XML文件中选择节点的语言,也可以用在HTML上。 CSS 是一门将HTML文档样式化的语言。选择器由它定义,并与特定的HTML元素的样式相关连。

Scrapy选择器构建于 lxml 库之上,这意味着它们在速度和解析准确性上非常相似。

本页面解释了选择器如何工作,并描述了相应的API。不同于 lxml API的臃肿,该API短小而简洁。这是因为 lxml 库除了用来选择标记化文档外,还可以用到许多任务上。

选择器API的完全参考详见Selector reference

使用选择器(selectors)

构造选择器(selectors)

Scrapy selector是以 文字(text)TextResponse 构造的Selector 实例。其根据输入的类型自动选择最优的分析方法(XML vs HTML):

  1. >>> from scrapy.selector import Selector
  2. >>> from scrapy.http import HtmlResponse

以文字构造:

  1. >>> body = '<html><body><span>good</span></body></html>'
  2. >>> Selector(text=body).xpath('//span/text()').extract()
  3. [u'good']

以response构造:

  1. >>> response = HtmlResponse(url='http://example.com', body=body)
  2. >>> Selector(response=response).xpath('//span/text()').extract()
  3. [u'good']

为了方便起见,response对象以 .selector 属性提供了一个selector,您可以随时使用该快捷方法:

  1. >>> response.selector.xpath('//span/text()').extract()
  2. [u'good']

使用选择器(selectors)

我们将使用 Scrapy shell (提供交互测试)和位于Scrapy文档服务器的一个样例页面,来解释如何使用选择器:

http://doc.scrapy.org/en/latest/_static/selectors-sample1.html

这里是它的HTML源码:

  1. <html>
  2. <head>
  3. <base href='http://example.com/' />
  4. <title>Example website</title>
  5. </head>
  6. <body>
  7. <div id='images'>
  8. <a href='image1.html'>Name: My image 1 <br /><img src='image1_thumb.jpg' /></a>
  9. <a href='image2.html'>Name: My image 2 <br /><img src='image2_thumb.jpg' /></a>
  10. <a href='image3.html'>Name: My image 3 <br /><img src='image3_thumb.jpg' /></a>
  11. <a href='image4.html'>Name: My image 4 <br /><img src='image4_thumb.jpg' /></a>
  12. <a href='image5.html'>Name: My image 5 <br /><img src='image5_thumb.jpg' /></a>
  13. </div>
  14. </body>
  15. </html>

首先, 我们打开shell:

  1. scrapy shell http://doc.scrapy.org/en/latest/_static/selectors-sample1.html

接着,当shell载入后,您将获得名为 response 的shell变量,其为响应的response,并且在其 response.selector 属性上绑定了一个selector。

因为我们处理的是HTML,选择器将自动使用HTML语法分析。

那么,通过查看 HTML code 该页面的源码,我们构建一个XPath来选择title标签内的文字:

  1. >>> response.selector.xpath('//title/text()')
  2. [<Selector (text) xpath=//title/text()>]

由于在response中使用XPath、CSS查询十分普遍,因此,Scrapy提供了两个实用的快捷方式:response.xpath()response.css():

  1. >>> response.xpath('//title/text()')
  2. [<Selector (text) xpath=//title/text()>]
  3. >>> response.css('title::text')
  4. [<Selector (text) xpath=//title/text()>]

如你所见, .xpath().css() 方法返回一个类SelectorList 的实例, 它是一个新选择器的列表。这个API可以用来快速的提取嵌套数据。

为了提取真实的原文数据,你需要调用 .extract() 方法如下:

  1. >>> response.xpath('//title/text()').extract()
  2. [u'Example website']

如果想要提取到第一个匹配到的元素, 必须调用 .extract_first() selector

  1. >>> response.xpath('//div[@id="images"]/a/text()').extract_first()
  2. u'Name: My image 1 '

如果没有匹配的元素,则返回 None:

  1. >>> response.xpath('//div/[id="not-exists"]/text()').extract_first() is None
  2. True

您也可以设置默认的返回值,替代 None :

  1. >>> sel.xpath('//div/[id="not-exists"]/text()').extract_first(default='not-found')
  2. 'not-found'

注意CSS选择器可以使用CSS3伪元素(pseudo-elements)来选择文字或者属性节点:

  1. >>> response.css('title::text').extract()
  2. [u'Example website']

现在我们将得到根URL(base URL)和一些图片链接:

  1. >>> response.xpath('//base/@href').extract()
  2. [u'http://example.com/']
  3.  
  4. >>> response.css('base::attr(href)').extract()
  5. [u'http://example.com/']
  6.  
  7. >>> response.xpath('//a[contains(@href, "image")]/@href').extract()
  8. [u'image1.html',
  9. u'image2.html',
  10. u'image3.html',
  11. u'image4.html',
  12. u'image5.html']
  13.  
  14. >>> response.css('a[href*=image]::attr(href)').extract()
  15. [u'image1.html',
  16. u'image2.html',
  17. u'image3.html',
  18. u'image4.html',
  19. u'image5.html']
  20.  
  21. >>> response.xpath('//a[contains(@href, "image")]/img/@src').extract()
  22. [u'image1_thumb.jpg',
  23. u'image2_thumb.jpg',
  24. u'image3_thumb.jpg',
  25. u'image4_thumb.jpg',
  26. u'image5_thumb.jpg']
  27.  
  28. >>> response.css('a[href*=image] img::attr(src)').extract()
  29. [u'image1_thumb.jpg',
  30. u'image2_thumb.jpg',
  31. u'image3_thumb.jpg',
  32. u'image4_thumb.jpg',
  33. u'image5_thumb.jpg']

嵌套选择器(selectors)

选择器方法( .xpath() or .css() )返回相同类型的选择器列表,因此你也可以对这些选择器调用选择器方法。下面是一个例子:

  1. >>> links = response.xpath('//a[contains(@href, "image")]')
  2. >>> links.extract()
  3. [u'<a href="image1.html">Name: My image 1 <br><img src="image1_thumb.jpg"></a>',
  4. u'<a href="image2.html">Name: My image 2 <br><img src="image2_thumb.jpg"></a>',
  5. u'<a href="image3.html">Name: My image 3 <br><img src="image3_thumb.jpg"></a>',
  6. u'<a href="image4.html">Name: My image 4 <br><img src="image4_thumb.jpg"></a>',
  7. u'<a href="image5.html">Name: My image 5 <br><img src="image5_thumb.jpg"></a>']
  8.  
  9. >>> for index, link in enumerate(links):
  10. args = (index, link.xpath('@href').extract(), link.xpath('img/@src').extract())
  11. print 'Link number %d points to url %s and image %s' % args
  12.  
  13. Link number 0 points to url [u'image1.html'] and image [u'image1_thumb.jpg']
  14. Link number 1 points to url [u'image2.html'] and image [u'image2_thumb.jpg']
  15. Link number 2 points to url [u'image3.html'] and image [u'image3_thumb.jpg']
  16. Link number 3 points to url [u'image4.html'] and image [u'image4_thumb.jpg']
  17. Link number 4 points to url [u'image5.html'] and image [u'image5_thumb.jpg']

结合正则表达式使用选择器(selectors)

Selector 也有一个 .re() 方法,用来通过正则表达式来提取数据。然而,不同于使用 .xpath() 或者 .css() 方法, .re() 方法返回unicode字符串的列表。所以你无法构造嵌套式的 .re() 调用。

下面是一个例子,从上面的 HTML code 中提取图像名字:

  1. >>> response.xpath('//a[contains(@href, "image")]/text()').re(r'Name:\s*(.*)')
  2. [u'My image 1',
  3. u'My image 2',
  4. u'My image 3',
  5. u'My image 4',
  6. u'My image 5']

另外还有一个糅合了 .extract_first().re() 的函数.re_first() . 使用该函数可以提取第一个匹配到的字符串:

  1. >>> response.xpath('//a[contains(@href, "image")]/text()').re_first(r'Name:\s*(.*)')
  2. u'My image 1'

使用相对XPaths

记住如果你使用嵌套的选择器,并使用起始为 / 的XPath,那么该XPath将对文档使用绝对路径,而且对于你调用的 Selector 不是相对路径。

比如,假设你想提取在 <div> 元素中的所有 <p> 元素。首先,你将先得到所有的 <div> 元素:

  1. >>> divs = response.xpath('//div')

开始时,你可能会尝试使用下面的错误的方法,因为它其实是从整篇文档中,而不仅仅是从那些 <div> 元素内部提取所有的 <p> 元素:

  1. >>> for p in divs.xpath('//p'): # this is wrong - gets all <p> from the whole document
  2. ... print p.extract()

下面是比较合适的处理方法(注意 .//p XPath的点前缀):

  1. >>> for p in divs.xpath('.//p'): # extracts all <p> inside
  2. ... print p.extract()

另一种常见的情况将是提取所有直系 <p> 的结果:

  1. >>> for p in divs.xpath('p'):
  2. ... print p.extract()

更多关于相对XPaths的细节详见XPath说明中的 Location Paths 部分。

使用EXSLT扩展

因建于 lxml 之上, Scrapy选择器也支持一些 EXSLT 扩展,可以在XPath表达式中使用这些预先制定的命名空间:

前缀命名空间用途
rehttp://exslt.org/regular-expressions正则表达式
sethttp://exslt.org/sets集合操作

正则表达式

例如在XPath的 starts-with()contains() 无法满足需求时, test() 函数可以非常有用。

例如在列表中选择有”class”元素且结尾为一个数字的链接:

  1. >>> from scrapy import Selector
  2. >>> doc = """
  3. ... <div>
  4. ... <ul>
  5. ... <li class="item-0"><a href="link1.html">first item</a></li>
  6. ... <li class="item-1"><a href="link2.html">second item</a></li>
  7. ... <li class="item-inactive"><a href="link3.html">third item</a></li>
  8. ... <li class="item-1"><a href="link4.html">fourth item</a></li>
  9. ... <li class="item-0"><a href="link5.html">fifth item</a></li>
  10. ... </ul>
  11. ... </div>
  12. ... """
  13. >>> sel = Selector(text=doc, type="html")
  14. >>> sel.xpath('//li//@href').extract()
  15. [u'link1.html', u'link2.html', u'link3.html', u'link4.html', u'link5.html']
  16. >>> sel.xpath('//li[re:test(@class, "item-\d$")]//@href').extract()
  17. [u'link1.html', u'link2.html', u'link4.html', u'link5.html']
  18. >>>

警告

C语言库 libxslt 不原生支持EXSLT正则表达式,因此 lxml 在实现时使用了Python re 模块的钩子。因此,在XPath表达式中使用regexp函数可能会牺牲少量的性能。

集合操作

集合操作可以方便地用于在提取文字元素前从文档树中去除一些部分。

例如使用itemscopes组和对应的itemprops来提取微数据(来自http://schema.org/Product的样本内容):

  1. >>> doc = """
  2. ... <div itemscope itemtype="http://schema.org/Product">
  3. ... <span itemprop="name">Kenmore White 17" Microwave</span>
  4. ... <img src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' />
  5. ... <div itemprop="aggregateRating"
  6. ... itemscope itemtype="http://schema.org/AggregateRating">
  7. ... Rated <span itemprop="ratingValue">3.5</span>/5
  8. ... based on <span itemprop="reviewCount">11</span> customer reviews
  9. ... </div>
  10. ...
  11. ... <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
  12. ... <span itemprop="price">$55.00</span>
  13. ... <link itemprop="availability" href="http://schema.org/InStock" />In stock
  14. ... </div>
  15. ...
  16. ... Product description:
  17. ... <span itemprop="description">0.7 cubic feet countertop microwave.
  18. ... Has six preset cooking categories and convenience features like
  19. ... Add-A-Minute and Child Lock.</span>
  20. ...
  21. ... Customer reviews:
  22. ...
  23. ... <div itemprop="review" itemscope itemtype="http://schema.org/Review">
  24. ... <span itemprop="name">Not a happy camper</span> -
  25. ... by <span itemprop="author">Ellie</span>,
  26. ... <meta itemprop="datePublished" content="2011-04-01">April 1, 2011
  27. ... <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
  28. ... <meta itemprop="worstRating" content = "1">
  29. ... <span itemprop="ratingValue">1</span>/
  30. ... <span itemprop="bestRating">5</span>stars
  31. ... </div>
  32. ... <span itemprop="description">The lamp burned out and now I have to replace
  33. ... it. </span>
  34. ... </div>
  35. ...
  36. ... <div itemprop="review" itemscope itemtype="http://schema.org/Review">
  37. ... <span itemprop="name">Value purchase</span> -
  38. ... by <span itemprop="author">Lucas</span>,
  39. ... <meta itemprop="datePublished" content="2011-03-25">March 25, 2011
  40. ... <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
  41. ... <meta itemprop="worstRating" content = "1"/>
  42. ... <span itemprop="ratingValue">4</span>/
  43. ... <span itemprop="bestRating">5</span>stars
  44. ... </div>
  45. ... <span itemprop="description">Great microwave for the price. It is small and
  46. ... fits in my apartment.</span>
  47. ... </div>
  48. ... ...
  49. ... </div>
  50. ... """
  51. >>> sel = Selector(text=doc, type="html")
  52. >>> for scope in sel.xpath('//div[@itemscope]'):
  53. ... print "current scope:", scope.xpath('@itemtype').extract()
  54. ... props = scope.xpath('''
  55. ... set:difference(./descendant::*/@itemprop,
  56. ... .//*[@itemscope]/*/@itemprop)''')
  57. ... print " properties:", props.extract()
  58. ... print
  59. ...
  60.  
  61. current scope: [u'http://schema.org/Product']
  62. properties: [u'name', u'aggregateRating', u'offers', u'description', u'review', u'review']
  63.  
  64. current scope: [u'http://schema.org/AggregateRating']
  65. properties: [u'ratingValue', u'reviewCount']
  66.  
  67. current scope: [u'http://schema.org/Offer']
  68. properties: [u'price', u'availability']
  69.  
  70. current scope: [u'http://schema.org/Review']
  71. properties: [u'name', u'author', u'datePublished', u'reviewRating', u'description']
  72.  
  73. current scope: [u'http://schema.org/Rating']
  74. properties: [u'worstRating', u'ratingValue', u'bestRating']
  75.  
  76. current scope: [u'http://schema.org/Review']
  77. properties: [u'name', u'author', u'datePublished', u'reviewRating', u'description']
  78.  
  79. current scope: [u'http://schema.org/Rating']
  80. properties: [u'worstRating', u'ratingValue', u'bestRating']
  81.  
  82. >>>

在这里,我们首先在 itemscope 元素上迭代,对于其中的每一个元素,我们寻找所有的 itemprops 元素,并排除那些本身在另一个 itemscope 内的元素。

Some XPath tips

Here are some tips that you may find useful when using XPathwith Scrapy selectors, based on this post from ScrapingHub’s blog.If you are not much familiar with XPath yet,you may want to take a look first at this XPath tutorial.

Using text nodes in a condition

When you need to use the text content as argument to a XPath string function,avoid using .//text() and use just . instead.

This is because the expression .//text() yields a collection of text elements – a node-set.And when a node-set is converted to a string, which happens when it is passed as argument toa string function like contains() or starts-with(), it results in the text for the first element only.

Example:

  1. >>> from scrapy import Selector
  2. >>> sel = Selector(text='<a href="#">Click here to go to the <strong>Next Page</strong></a>')

Converting a node-set to string:

  1. >>> sel.xpath('//a//text()').extract() # take a peek at the node-set
  2. [u'Click here to go to the ', u'Next Page']
  3. >>> sel.xpath("string(//a[1]//text())").extract() # convert it to string
  4. [u'Click here to go to the ']

A node converted to a string, however, puts together the text of itself plus of all its descendants:

  1. >>> sel.xpath("//a[1]").extract() # select the first node
  2. [u'<a href="#">Click here to go to the <strong>Next Page</strong></a>']
  3. >>> sel.xpath("string(//a[1])").extract() # convert it to string
  4. [u'Click here to go to the Next Page']
So, using the .//text() node-set won’t select anything in this case::




  1. >>> sel.xpath("//a[contains(.//text(), 'Next Page')]").extract()
    []




But using the . to mean the node, works:




  1. >>> sel.xpath("//a[contains(., 'Next Page')]").extract()
    [u'<a href="#">Click here to go to the <strong>Next Page</strong></a>']







#### Beware the difference between //node[1] and (//node)[1]


//node[1] selects all the nodes occurring first under their respective parents.

(//node)[1] selects all the nodes in the document, and then gets only the first of them.

Example:




  1. >>> from scrapy import Selector
    >>> sel = Selector(text="""
    ….: <ul class="list">
    ….: <li>1</li>
    ….: <li>2</li>
    ….: <li>3</li>
    ….: </ul>
    ….: <ul class="list">
    ….: <li>4</li>
    ….: <li>5</li>
    ….: <li>6</li>
    ….: </ul>""")
    >>> xp = lambda x: sel.xpath(x).extract()




This gets all first <li> elements under whatever it is its parent:




  1. >>> xp("//li[1]")
    [u'<li>1</li>', u'<li>4</li>']




And this gets the first <li> element in the whole document:




  1. >>> xp("(//li)[1]")
    [u'<li>1</li>']




This gets all first <li> elements under an <ul> parent:




  1. >>> xp("//ul/li[1]")
    [u'<li>1</li>', u'<li>4</li>']




And this gets the first <li> element under an <ul> parent in the whole document:




  1. >>> xp("(//ul/li)[1]")
    [u'<li>1</li>']







#### When querying by class, consider using CSS


Because an element can contain multiple CSS classes, the XPath way to select elementsby class is the rather verbose:




  1. *[contains(concat(' ', normalize-space(@class), ' '), ' someclass ')]




If you use @class='someclass' you may end up missing elements that haveother classes, and if you just use contains(@class, 'someclass') to make upfor that you may end up with more elements that you want, if they have a differentclass name that shares the string someclass.

As it turns out, Scrapy selectors allow you to chain selectors, so most of the timeyou can just select by class using CSS and then switch to XPath when needed:




  1. >>> from scrapy import Selector
    >>> sel = Selector(text='<div class="hero shout"><time datetime="2014-07-23 19:00">Special date</time></div>')
    >>> sel.css('.shout').xpath('./time/@datetime').extract()
    [u'2014-07-23 19:00']




This is cleaner than using the verbose XPath trick shown above. Just rememberto use the . in the XPath expressions that will follow.






## 内建选择器的参考

class scrapy.selector.Selector(response=None, text=None, type=None)


Selector 的实例是对选择某些内容响应的封装。



responseHtmlResponseXmlResponse 的一个对象,将被用来选择和提取数据。

text 是在 response 不可用时的一个unicode字符串或utf-8编码的文字。将 textresponse 一起使用是未定义行为。

type 定义了选择器类型,可以是 "html", "xml" or None (默认).


如果 typeNone ,选择器会根据 response 类型(参见下面)自动选择最佳的类型,或者在和 text 一起使用时,默认为 "html" 。如果 typeNone ,并传递了一个 response ,选择器类型将从response类型中推导如下:
- "html" for HtmlResponse type- "xml" for XmlResponse type- "html" for anything else
其他情况下,如果设定了 type ,选择器类型将被强制设定,而不进行检测。


xpath(query)

寻找可以匹配xpath query 的节点,并返回 SelectorList 的一个实例结果,单一化其所有元素。列表元素也实现了 Selector 的接口。

query 是包含XPATH查询请求的字符串。


注解

为了方便起见,该方法也可以通过 response.xpath() 调用

css(query)

应用给定的CSS选择器,返回 SelectorList 的一个实例。

query 是一个包含CSS选择器的字符串。

在后台,通过 cssselect 库和运行 .xpath() 方法,CSS查询会被转换为XPath查询。


注解

为了方便起见,该方法也可以通过 response.css() 调用

extract()

串行化并将匹配到的节点返回一个unicode字符串列表。结尾是编码内容的百分比。
re(regex)

应用给定的regex,并返回匹配到的unicode字符串列表。、

regex 可以是一个已编译的正则表达式,也可以是一个将被 re.compile(regex) 编译为正则表达式的字符串。
registernamespace(_prefix, uri)

注册给定的命名空间,其将在 Selector 中使用。不注册命名空间,你将无法从非标准命名空间中选择或提取数据。参见下面的例子。
removenamespaces()

移除所有的命名空间,允许使用少量的命名空间xpaths遍历文档。参加下面的例子。
nonzero()[](#scrapy.selector.Selector._nonzero)

如果选择了任意的真实文档,将返回 True ,否则返回 False 。也就是说, Selector 的布尔值是通过它选择的内容确定的。

SelectorList对象

class scrapy.selector.SelectorList


SelectorList 类是内建 list 类的子类,提供了一些额外的方法。


xpath(query)

对列表中的每个元素调用 .xpath() 方法,返回结果为另一个单一化的 SelectorList

querySelector.xpath() 中的参数相同。
css(query)

对列表中的各个元素调用 .css() 方法,返回结果为另一个单一化的 SelectorList

querySelector.css() 中的参数相同。
extract()

对列表中的各个元素调用 .extract() 方法,返回结果为单一化的unicode字符串列表。
re()

对列表中的各个元素调用 .re() 方法,返回结果为单一化的unicode字符串列表。
nonzero()

列表非空则返回True,否则返回False。

在HTML响应上的选择器样例

这里是一些 Selector 的样例,用来说明一些概念。在所有的例子中,我们假设已经有一个通过 HtmlResponse 对象实例化的 Selector ,如下:

  1. sel = Selector(html_response)
  • 从HTML响应主体中提取所有的 <h1> 元素,返回:class:Selector 对象(即 SelectorList 的一个对象)的列表:
  1. sel.xpath("//h1")
  • 从HTML响应主体上提取所有 <h1> 元素的文字,返回一个unicode字符串的列表:
  1. sel.xpath("//h1").extract() # this includes the h1 tag
  2. sel.xpath("//h1/text()").extract() # this excludes the h1 tag
  • 在所有 <p> 标签上迭代,打印它们的类属性:
  1. for node in sel.xpath("//p"):
  2. print node.xpath("@class").extract()

在XML响应上的选择器样例

这里是一些样例,用来说明一些概念。在两个例子中,我们假设已经有一个通过 XmlResponse 对象实例化的 Selector ,如下:

  1. sel = Selector(xml_response)
  • 从XML响应主体中选择所有的 <product> 元素,返回 Selector 对象(即 SelectorList 对象)的列表:
  1. sel.xpath("//product")
  1. sel.register_namespace("g", "http://base.google.com/ns/1.0")
  2. sel.xpath("//g:price").extract()

移除命名空间

在处理爬虫项目时,完全去掉命名空间而仅仅处理元素名字,写更多简单/实用的XPath会方便很多。你可以为此使用 Selector.remove_namespaces() 方法。

让我们来看一个例子,以Github博客的atom订阅来解释这个情况。

首先,我们使用想爬取的url来打开shell:

  1. $ scrapy shell https://github.com/blog.atom

一旦进入shell,我们可以尝试选择所有的 <link> 对象,可以看到没有结果(因为Atom XML命名空间混淆了这些节点):

  1. >>> response.xpath("//link")
  2. []

但一旦我们调用 Selector.remove_namespaces() 方法,所有的节点都可以直接通过他们的名字来访问:

  1. >>> response.selector.remove_namespaces()
  2. >>> response.xpath("//link")
  3. [<Selector xpath='//link' data=u'<link xmlns="http://www.w3.org/2005/Atom'>,
  4. <Selector xpath='//link' data=u'<link xmlns="http://www.w3.org/2005/Atom'>,
  5. ...

如果你对为什么命名空间移除操作并不总是被调用,而需要手动调用有疑惑。这是因为存在如下两个原因,按照相关顺序如下:

  • 移除命名空间需要迭代并修改文件的所有节点,而这对于Scrapy爬取的所有文档操作需要一定的性能消耗
  • 会存在这样的情况,确实需要使用命名空间,但有些元素的名字与命名空间冲突。尽管这些情况非常少见。