[开发测试] Selenium save full screenshot

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 开发测试 -> Selenium save full screenshot -> 正文阅读

[开发测试]Selenium save full screenshot

Selenium cdp command

Selenium执行cdp命令，driver.execute_cdp_cmd用法

Chrome自带的开发者工具DevTools功能非常强大。有时候我们在使用Selenium操作浏览器时需要通过调用一下DevTools的方法来完成一些设置，如模拟移动设备，弱网模拟等等。
Selenium的WebDriver类中有一个execute_cdp_cmd(self, cmd, cmd_args)方法可以用来执行Chrome开发这个工具命令。

cdp即Chrome DevTools Protocal, Chrome开发者工具协议，API文档可参考：https://chromedevtools.github.io/devtools-protocol/tot/Emulation

def save_full_screen()
      page_width = $driver.execute_script("return document.body.scrollWidth")
      page_height = $driver.execute_script("return document.body.scrollHeight")
      
      # modify device size
      $driver.execute_cdp('Emulation.setDeviceMetricsOverride', {'mobile': false, 'width': page_width, 'height': page_height, 'deviceScaleFactor': 1})
      # capture Full screen
      res = $driver.execute_cdp('Page.captureScreenshot', { 'fromSurface': true})
      sleep(0.5)
      # save base64 data to PNG
      t = Time.now
      filename = t.strftime("%Y%m%d-%H-%M-%S-") <<t.nsec.to_s << ".png"
      File.open("c://full_screen_shot#{filename}.png", 'wb') do |f|
        f.write(Base64.decode64(res['data']))
      end
      # reset device parameter
      $driver.execute_cdp('Emulation.clearDeviceMetricsOverride', {})
      
      # capture view scale screen
      res = $driver.execute_cdp('Page.captureScreenshot', { 'fromSurface': true})
      sleep(0.5)
      File.open("#{SCREEN_SHORT_FOLDER}/view_scale_shot.png", 'wb') do |f|
      f.write(Base64.decode64(res['data']))
      end 
    end