区别于上篇动态网页抓取，这里介绍另一种方法，即使用浏览器渲染引擎。直接用浏览器在显示网页时解析 HTML、应用 CSS 样式并执行 JavaScript 的语句。

这个方法在爬虫过程中会打开一个浏览器加载该网页，自动操作浏览器浏览各个网页，顺便把数据抓下来。用一句简单而通俗的话说，就是使用浏览器渲染方法将爬取动态网页变成爬取静态网页。

我们可以用 Python 的 Selenium 库模拟浏览器完成抓取。Selenium 是一个用于Web 应用程序测试的工具。Selenium 测试直接运行在浏览器中，浏览器自动按照脚本代码做出单击、输入、打开、验证等操作，就像真正的用户在操作一样。

通过Selenium模拟浏览器抓取。最常用 的是 Firefox，因此下面的讲解也以 Firefox 为例，在运行之前需要安装 Firefox 浏 览器。

在运行下列代码时，一定要留意自己网络是否畅通，如果网络不好造成浏览器不能正常打开网页及其评论数据，就可能造成爬取失败。

1)找到评论的HTML代码标签。使用Chrome打开该文章页面，右键点击页面，打开“检查”选项。定位到评论数据。此处定位到的评论数据即是浏览器渲染后的数据位置，如图：

2)尝试获取一条评论数据。在原来打开页面的代码数据上，我们可以使用以下代码，获取第一条评论数据。在下面代码中，driver.find_element_by_css_selector是用CSS选择器查找元素，找到class为’reply-content’的div元素；find_element_by_tag_name则是通过元素的tag去寻找，意思是找到comment中的p元素。最后，再输出p元素中的text文本。

相关代码1：

from selenium importwebdriverfrom selenium.webdriver.firefox.firefox_binary importFirefoxBinary

caps=webdriver.DesiredCapabilities().FIREFOX

caps["marionette"]=True

binary=FirefoxBinary(r'E:\软件安装目录\装机必备软件\Mozilla Firefox\firefox.exe') #把上述地址改成你电脑中Firefox程序的地址

driver=webdriver.Firefox(firefox_binary=binary,capabilities=caps)

driver.get("http://www.santostang.com/2017/03/02/hello-world/")#page=driver.find_element_by_xpath(".//html")

driver.switch_to.frame(driver.find_element_by_css_selector("iframe[title='livere']"))

comment=driver.find_element_by_css_selector('div.reply-content-wrapper')#此处参数字段也可以是'div.reply-content'，具体字段视具体网页div包含关系而定

content=comment.find_element_by_tag_name('p')print(content.text)#driver.page_source

输出：

在JS 里面也找不到https://api.gentie.163.com/products/ 哪位大神帮忙解答下。谢谢。

代码解析：

1)caps=webdriver.DesiredCapabilities().FIREFOX

由此可知，将上文代码中的caps["marionette"]=True注释掉，代码依旧可以正常运行。

2)binary=FirefoxBinary(r'E:\软件安装目录\装机必备软件\Mozilla Firefox\firefox.exe')

3)driver=webdriver.Firefox(firefox_binary=binary,capabilities=caps)

构建webdriver类。

还可以构建别的类型的webdriver类。

4)driver.get("http://www.santostang.com/2017/03/02/hello-world/")

5)driver.switch_to.frame(driver.find_element_by_css_selector("iframe[title='livere']"))

6)comment=driver.find_element_by_css_selector('div.reply-content-wrapper')

7)content=comment.find_element_by_tag_name('p')

8)关于driver.switch_to.frame(driver.find_element_by_css_selector("iframe[title='livere']"))中的框架定位及title内容。

可在代码中加入driver.page_source，并且注释掉driver.switch_to.frame(driver.find_element_by_css_selector("iframe[title='livere']"))。可在输出内容中找到(若输出杂乱，不好找出相关内容，可将其复制黏贴到文本文件中，使用Notepad++打开，该软件有前后标签对应显示功能)：

(此处只截取了相关内容的末尾部分)

若使用了driver.switch_to.frame(driver.find_element_by_css_selector("iframe[title='livere']"))，而再使用driver.page_source进行相关输出，则发现没有上面的iframe标签，证明我们已经将该框架解析完毕，可以进行相关定位获取元素了。

上面我们只是获取了一条评论，如果要获取所有评论，使用循环获取所有评论。

相关代码2：

from selenium importwebdriverfrom selenium.webdriver.firefox.firefox_binary importFirefoxBinary

caps=webdriver.DesiredCapabilities().FIREFOX

caps["marionette"]=True

binary=FirefoxBinary(r'E:\软件安装目录\装机必备软件\Mozilla Firefox\firefox.exe')

driver=webdriver.Firefox(firefox_binary=binary,capabilities=caps)

driver.get("http://www.santostang.com/2017/03/02/hello-world/")#page=driver.find_element_by_xpath(".//html")

driver.switch_to.frame(driver.find_element_by_css_selector("iframe[title='livere']"))

comments=driver.find_elements_by_css_selector('div.reply-content')for eachcomment incomments:

content=eachcomment.find_element_by_tag_name('p')print(content.text)#driver.page_source

输出：

在JS 里面也找不到https://api.gentie.163.com/products/哪位大神帮忙解答下。谢谢。

@先生姓张 原来要按照这里的操作才行。。。

在JS 里面也找不到https://api.gentie.163.com/products/哪位大神帮忙解答下。谢谢。

@先生姓张 这是网易云上面的一个连接地址，那个服务器都关闭了

在JS 里面也找不到https://api.gentie.163.com/products/哪位大神帮忙解答下。谢谢。

测试

为什么我用代码打开的文章只有两条评论，本来是有46条的，有大神知道怎么回事吗？

菜鸟一只，求学习群

lalala1

我来试一试

我来试一试

应该点JS，然后看里面的Preview或者Response，里面响应的是Ajax的内容，然后如果去爬网站的评论的话，点开js那个请求后点Headers-->在General里面拷贝 RequestURL 就可以了

注意代码2中将代码1中的comment=driver.find_element_by_css_selector('div.reply-content-wrapper') 改成了comments=driver.find_elements_by_css_selector('div.reply-content')

elements加了s

以上获取的全部评论数据均属于正常进入该网页，等该网页渲染完获取的全部评论，并未进行点击“查看更多”来加载目前还未渲染的评论。

下面介绍一种能够爬取到所有评论，包括点击完“查看更多”加载的目前还未渲染的评论。

相关代码：

from selenium importwebdriverfrom selenium.webdriver.firefox.firefox_binary importFirefoxBinaryimporttime

caps=webdriver.DesiredCapabilities().FIREFOX

caps["marionette"]=True

binary=FirefoxBinary(r'E:\软件安装目录\装机必备软件\Mozilla Firefox\firefox.exe')

driver=webdriver.Firefox(firefox_binary=binary,capabilities=caps)

driver.get("http://www.santostang.com/2017/03/02/hello-world/")

driver.switch_to.frame(driver.find_element_by_css_selector("iframe[title='livere']"))

time.sleep(60)for i in range(0,10):try:

load_more=driver.find_element_by_css_selector('div.more-wrapper')

load_more.click()except:passtime.sleep(5)

comments=driver.find_elements_by_css_selector('div.reply-content')for eachcomment incomments:

content=eachcomment.find_element_by_tag_name('p')print(content.text)

代码解析：

1)time.sleep(60)

延时60秒执行以下代码。

2)load_more=driver.find_element_by_css_selector('div.more-wrapper')中的参数字符串

打开目标网页，等目标网页整体渲染完之后，右键评论区的“查看更多”。

3)load_more.click()

模拟点击“查看更多”按钮，进行完整显示所有评论。

4)之所以在代码中两次使用延时函数，是因为不同网络状况和不同机器环境下可能在打开网页以及点击“查看更多”按钮后不能马上显示评论，所以代码需要等一等，等到页面完全渲染后，再进行评论区数据的收集工作。

因此各延时函数的延时时间长短可视具体情况灵活设置。

输出结果:

在JS 里面也找不到https://api.gentie.163.com/products/哪位大神帮忙解答下。谢谢。

@先生姓张 原来要按照这里的操作才行。。。

在JS 里面也找不到https://api.gentie.163.com/products/哪位大神帮忙解答下。谢谢。

@先生姓张 这是网易云上面的一个连接地址，那个服务器都关闭了

在JS 里面也找不到https://api.gentie.163.com/products/哪位大神帮忙解答下。谢谢。

测试

为什么我用代码打开的文章只有两条评论，本来是有46条的，有大神知道怎么回事吗？

菜鸟一只，求学习群

lalala1

我来试一试

我来试一试

应该点JS，然后看里面的Preview或者Response，里面响应的是Ajax的内容，然后如果去爬网站的评论的话，点开js那个请求后点Headers-->在General里面拷贝 RequestURL 就可以了

现在死在了4.2节上，页面评论是有的，但是XHR里没有东西啊，这是什么情况？有解决的大神吗？

@骨犬 JS

为何静态网页抓取不了？

奇怪了，我按照书上的方法来操作，XHR也是空的啊

@易君召 我的也是空的

你解决问题了吗

@思い亦深 看JS不是XHR

XHR没有显示任何东西啊。奇怪。

找到原因了

caps["marionette"] =True

作者可以解释一下这句话是干什么的吗

@A cat named GitHub 改成 caps["marionette"] =False 可以运行。 目前还没吃透代码，先用着试试

我用的是 pycham IDE，按照作者的写法写的，怎么不行

@A cat named GitHub 找到原因了

caps["marionette"] =True

作者可以解释一下这句话是干什么的吗

对火狐版本有要求吗

@花晨 我的也是提示火狐版本不匹配，你解决了吗

@A cat named GitHub 重装了geckodriver

改成caps["marionette"] = "Windows"总之就好了4.3.1打开Hello World,代码用的作者的，火狐地址我也设置了，为啥运行没反应from selenium importwebdriverfrom selenium.webdriver.firefox.firefox_binary importFirefoxBinary

caps=webdriver.DesiredCapabilities().FIREFOX

caps["marionette"] =False

binary= FirefoxBinary(r'C:\Program Files\Mozilla Firefox\firefox.exe')#把上述地址改成你电脑中Firefox程序的地址

driver = webdriver.Firefox(firefox_binary=binary, capabilities=caps)

driver.get("http://www.santostang.com/2017/03/02/hello-world/")

我是番茄

为什么刷新没有XHR数据，评论明明加载出来了

为什么刷新没有XHR数据，评论明明加载出来了

@萌萌哒的小叽叽丶 书里错误很多，留个qq吧

为什么刷新没有XHR数据，评论明明加载出来了

第21条测试评论

第20条测试评论

第19条测试评论

第18条测试评论

第17条测试评论

第16条测试评论

第15条测试评论

第14条测试评论

第13条测试评论

第12条测试评论

第11条测试评论

第10条测试评论

第9条测试评论

第8条测试评论

第7条测试评论

第6条测试评论

第5条测试评论

第4条测试评论

第3条测试评论

第二条测试评论

第一条测试评论

参考书目：唐松，来自《Python 网络爬虫：从入门到实践》