第5章 动态网页示例

动态网页示例

对于动态的JavaScript网站,两种抓取数据的方法

·JavaScript逆向工程
·渲染JavaScript

打开网站:http://example.python-scraping.com/search
搜索关键字A
(该搜索网站的功能:返回名字带有关键字的国家信息(忽略大小写 ))

image.png

检查元素之后发现 搜索结果在标签为‘result’的div中,现在获取该结果

url='http://example.python-scraping.com/search'
html=download(url)
soup=BeautifulSoup(html,'html.parser')
a=soup.find('div',attrs={'class':'results'})
print(a)

结果

None

打开网页源代码:
搜素‘result’
结果:


image.png

考虑该元素是通过javascript渲染得到

AJAX
AJAX

逆向工程

(任务:根据搜索网址爬取所有的国家信息,并存储到本地的文件)

逆向工程,即了解到网页是如何加载数据的。打开检查元素,点击搜索A
在浏览器工具中单击Network选项卡。
得到很多响应资源,找到其中名字为:search.json的资源


image.png

点击右边的Preview发现结果集就在这里


image.png

于是我们直接请求这个url:http://example.python-scraping.com/places/ajax/search.json?&search_term=?&page_size=?&page=?
(后3个?为请求参数)

def getHtml(search_item,page_size,page):
    url='http://example.python-scraping.com/places/ajax/search.json?&search_term={}&page_size={}&page={}'.format(search_item,page_size,page)
    html =download(url)
    return html


html=getHtml('a',4,1)
data=json.loads(html)
pprint(data.keys())
pprint(data)

输出结果:


image.png

仔细观察就能知道:搜索结果为json字符串,json的属性有(error,num_page,records)
num_page即返回结果的最大页数
records即返回结果集
清楚了json的结构之后,代码就很容易
以下为核心代码

for letter in string.ascii_lowercase:
    page=0
    page_size=10
    
    while True:
        url=template_url.format(letter,page_size,page)
        html=download(url)
        data=json.loads(html)#将json字符串转化为python字典
        records=data.get('records')
        num_pages=data.get('num_pages')
        for di in records:
            country_info={}
            if di.get('id') in country:
                continue
            for key,value in di.items():
                country_info[key]=value
            country[di.get('id')]=country_info
        if page>=num_pages:
            break
        page+=1

#写入本地文件
with open(path,'w') as fp:#path为你的存储路径
    json.dump(country,fp)

这段代码针对26个英文字母,总共要进行26次独立的查询,那么有没有办法可以一次获取所有的查询结果呢?
template_url='http://example.python-scraping.com/places/ajax/search.json?&search_term={}&page_size=10&page=0'
猜想search_term可能是通过正则匹配的,用相关符号去测试

url=template_url.format('*','10','0')
html=download(url)
json.loads(html).get('num_pages')

结果:

0

继续

url=template_url.format('.','10','0')
html=download(url)
json.loads(html).get('num_pages')

结果

26

对了! 该网站的确是通过正则表达式来匹配搜索的,而‘.’在正则表达式中是匹配所有字符

渲染动态网页

对于前面这种js结构简单响应可以通过逆向工程来获取资源,然而有些网站使用的js结构过于复杂,不便分析,此时就难以实施逆向工程(比如GWT,Node.js,有些反爬虫的网站就会这样)
此时,一位叫浏览器渲染引擎的靓仔路过。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,642评论 1 45
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,214评论 4 61
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,298评论 0 3
  • 曙光爬山顶, 晨露挂草凝。 微风摇树醒, 惊鸟高空鸣。 薄雾如纱轻, 群山不显形。 弯曲路幽静, 款款晨练影。
    笑傲江湖之秋雨阅读 231评论 0 1
  • by:孤鸟差鱼 被别人看好的事情 往往是自己和稀泥 和的最长久的玩意
    孤鸟差鱼阅读 220评论 0 3