需求：

截屏后轉(zhuǎn)PDF。

問題：

selenium截屏后，圖片未加載

如下圖：

原因：

網(wǎng)站使用了懶加載技術(shù)：只有在瀏覽器中縱向滾動條滾動到指定的位置時(shí)，頁面的元素才會被動態(tài)加載。

什么是圖片懶加載？

圖片懶加載是一種網(wǎng)頁優(yōu)化技術(shù)。圖片作為一種網(wǎng)絡(luò)資源，在被請求時(shí)也與普通靜態(tài)資源一樣，將占用網(wǎng)絡(luò)資源，而一次性將整個(gè)頁面的所有圖片加載完，將大大增加頁面的首屏加載時(shí)間。

為了解決這種問題，通過前后端配合，使圖片僅在瀏覽器當(dāng)前視窗內(nèi)出現(xiàn)時(shí)才加載該圖片，達(dá)到減少首屏圖片請求數(shù)的技術(shù)就被稱為“圖片懶加載”。

解決：

模擬人滾動滾動條的行為, 實(shí)現(xiàn)頁面的加載

模擬人滾動滾動條的代碼：

js_height = "return document.body.clientHeight"

driver.get(link)

k = 1

height = driver.execute_script(js_height)

while True:

if k * 500 < height:

js_move = "window.scrollTo(0,{})".format(k * 500)

print(js_move)

driver.execute_script(js_move)

time.sleep(0.2)

height = driver.execute_script(js_height)

k += 1

else:

break

全部代碼：

#!/usr/bin/python3

# -*- coding:utf-8 -*-

"""

@author: lms

@file: screenshot.py

@time: 2020/10/10 13:02

@desc:

"""

import time

from selenium import webdriver

from selenium.webdriver.chrome.options import Options

from PIL import Image

def screenshot_and_convert_to_pdf(link):

path = './'

# 一定要使用無頭模式，不然截不了全頁面，只能截到你電腦的高度

chrome_options = Options()

chrome_options.add_argument('--headless')

chrome_options.add_argument('--disable-gpu')

chrome_options.add_argument('--no-sandbox')

driver = webdriver.Chrome(chrome_options=chrome_options)

try:

driver.implicitly_wait(20)

driver.get(link)

# 模擬人滾動滾動條,處理圖片懶加載問題

js_height = "return document.body.clientHeight"

driver.get(link)

k = 1

height = driver.execute_script(js_height)

while True:

if k * 500 < height:

js_move = "window.scrollTo(0,{})".format(k * 500)

print(js_move)

driver.execute_script(js_move)

time.sleep(0.2)

height = driver.execute_script(js_height)

k += 1

else:

break

time.sleep(1)

# 接下來是全屏的關(guān)鍵，用js獲取頁面的寬高

width = driver.execute_script("return document.documentElement.scrollWidth")

height = driver.execute_script("return document.documentElement.scrollHeight")

print(width, height)

# 將瀏覽器的寬高設(shè)置成剛剛獲取的寬高

driver.set_window_size(width, height)

time.sleep(1)

png_path = path + '/{}.png'.format('123456')

# pdf_url = SERVER_URL + '/static/global_tech_map/{}.pdf'.format(.pic_num)

# 截圖并關(guān)掉瀏覽器

driver.save_screenshot(png_path)

driver.close()

# png轉(zhuǎn)pdf

image1 = Image.open(png_path)

im1 = image1.convert('RGB')

pdf_path = png_path.replace('.png', '.pdf')

im1.save(pdf_path)

except Exception as e:

print(e)

if __name__ == '__main__':

screenshot_and_convert_to_pdf('https://mp.weixin.qq.com/s/nJRnGpPVeJ1kdMIOwiPNpg')

處理完成后的截屏：

感謝閱讀~

總結(jié)

以上是生活随笔為你收集整理的selenium截图模糊_Selenium截屏 图片未加载的问题解决--【懒加载】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。