使用 headless_chrome 模拟设备

Question

我正在尝试根据运行我的规格模拟不同的设备，目前没有结果。

#spec_helper

require 'rspec'
require 'capybara'
require 'capybara/rspec'
require 'selenium/webdriver'

Capybara.register_driver :headless_chrome do |app|
 Capybara::Selenium::Driver.load_selenium
 browser_options = ::Selenium::WebDriver::Chrome::Options.new
 browser_options.args << '--headless'

 mobile_emulation = { "deviceName" => "iPhone 8" }
 capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(
   "chromeOptions" => { "mobileEmulation" => mobile_emulation }
 )

 Capybara::Selenium::Driver.new(app, browser: :chrome, options: browser_options, desired_capabilities: capabilities)
end

我应该在选项中包含 mobile_emulation 部分而不是功能吗？

Answer 1

chromeOptions 不再是一个有效的密钥（它被 goog:chromeOptions 取代）但是因为你已经在使用 ::Selenium::WebDriver::Chrome::Options class 你应该只使用add_emulation 方法 - https://www.rubydoc.info/gems/selenium-webdriver/Selenium/WebDriver/Chrome/Options#add_emulation-instance_method - 关于那个。

browser_options = ::Selenium::WebDriver::Chrome::Options.new
browser_options.args << '--headless'
browser_options.add_emulation(device_name: 'iPhone 8')

Capybara::Selenium::Driver.new(app, browser: :chrome, options: browser_options)

使用 headless_chrome 模拟设备

Emulate devices with headless_chrome

ruby

rspec

headless-browser

capybara

selenium-chromedriver