css - 使用 Nokogiri 保存图像

Question

我正在使用以下代码从网页中抓取特定图像。此页面上有多个带有图像标签的图像，那么这段代码如何解释呢？我注意到它只保存带有图像标签的第一张图像。一般来说是这样吗？

我的推理是否正确，这段代码开始从上到下读取 css，一旦它找到带有图像标签的第一张图像，它就会保存它并停止进一步查找？因为我需要它来做到这一点。

PAGE = "http://example.com/page.html"
require 'nokogiri'
require 'open-uri'
html = Nokogiri.HTML(open(PAGE))
src  = html.at('.image')['src']
File.open("foo.png", "wb") do |f|
    f.write(open(src).read)
end

Answer 1

是的，

• html.at只找到第一个匹配的元素
• html.search找到所有匹配的元素

这是否回答了您的问题？

---

在相关说明中，

• html.at(".image")查找带有 class="image" 的任何元素即使它是一个 <div>标签
• html.at("img.image")找到第一个 <img>带有 class="image" 的元素
• html.at("img")找到第一个 <img>元素