Top 100 video information of station B

Write it at the front ：

This is about b The reptile standing there .
It only represents personal practice . Welcome to discuss .
Practice is a process , The goal is to improve one's ability .
After recent contact with reptiles , For a moment, my hand itches , Intend to take the first step , As for why we climb b standing , The reason is not explained .
##1. preparation
Development environment personal choice Anaconda, The reason is that the library is really easy to install .


The library used in this article is very simple , Just two . Just install it yourself .
（ By the way, I'll make complaints about it pycharm, It's really hard ... Maybe I'm not used to it .）

from bs4 import BeautifulSoup
from urllib import request

find bilibili Website ：https://www.bilibili.com/ranking?spm_id_from=333.334.banner_link.1
Open it like this

Press F12 have a look

We'll soon find what we need , Approximate level ( why MD This one doesn't show ？)

graph LR
body-->div.app
div.app-->div.b-page-body  
div.b-page-body-->div.main-inner
div.main-inner-->div.rank-container
div.rank-container-->div.rank-body
div.rank-body-->div.rank-list-wrap
div.rank-list-wrap-->ul.rank-list

I want to take something from here ：

The initial idea is to output ：
The ranking is ：Num
URL The address is ：XXXX
The name of the video is ：XXXX
Play volume ：XXX
Number of collections ：XXX
author :XXX
starts .

Code work ：

So here I'm going to use theta BeautifulSoup This package , Don't ask , Ask is the other will not .

headers = {
    'X-Requested-With': 'XMLHttpRequest',
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36'
                  '(KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36'
}      
url='https://www.bilibili.com/ranking?spm_id_from=333.334.banner_link.1'
req = request.Request(url, headers = headers)    

X-Requested-With

add ’X-Requested-With’:‘XMLHttpRequest’
The returned data is json
No addition , The return data is normal html Text
It can be used to judge whether the client's request is Ajax Request or other request ..

User-Agent

User Agent The Chinese name is user agent , abbreviation UA, It's a special string header , Enables the server to identify the operating system and version used by the client 、CPU type 、 Browsers and versions 、 Browser rendering engine 、 Browser language 、 Browser plug-ins, etc .
common User-Agent Complete works of
About taking labels here , I use it beautifulsoup Of selector.
This one has CSS Selectors , filter find_all（）,find(), wait , I'm also studying , At the same time, you can see the attached code , I tried a lot , It may be because of personal ability , The effect is not very good . If you have better , Also hope to share with me .
PS: As a programmer , Remember to write notes ....
Very brief , The result came out

But there's a problem ：
It's about img This piece of , I don't know b What has the station done ？ I can't climb this string .

The image src=//i2.hdslb.com/bfs/archive/[email protected]_70h.webp
This paragraph can be copied into the browser for direct viewing .

I hope I can solve it later .

Code git Address ：

Code
Because of my limited ability , There is inevitably a lack of understanding , Welcome to leave a message to discuss , Or talk to me directly .