【selenium】chrome浏览器设置成手机模式

傷城~ 2022-04-02 07:28 1267阅读 0赞

简介：在做自动化测试测试时，遇到M站（即手机浏览器打开的网站）需要把浏览器设置成手机模式。手动操作是先按F12，在点击“Toggle device toolbar”按钮，下面是用代码来设置

public class InitDriver {
    		//初始化ChromeDriver
    		public static ChromeDriver launchChromeDriver(){
    			System.setProperty("webdriver.chrome.driver","resource/chromedriver.exe");
    			DesiredCapabilities capabilities = DesiredCapabilities.chrome();
    	        	capabilities.setCapability(CapabilityType.ACCEPT_SSL_CERTS, true);
    			//chrome浏览器设置成手机模式
    			HashMap<String, String> mobileEmulation  = new HashMap<>();
    			String deviceName = "Galaxy S5";	//iPhone X/Galaxy S5
    			mobileEmulation.put("deviceName",deviceName);
    			Map<String, Object> chromeOptions = new HashMap<>();
    			chromeOptions.put("mobileEmulation",mobileEmulation);
    			capabilities.setCapability(ChromeOptions.CAPABILITY,chromeOptions);
    			//new一个chromedriver
    	        	ChromeDriver driver = new ChromeDriver(capabilities);
    			//设置超时时间
    	        	driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
    	        	driver.manage().timeouts().setScriptTimeout(10, TimeUnit.SECONDS);
    	       		driver.manage().window().maximize();
    			return driver;
    		}
    }

启动浏览器后如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70]: /images/20220402/688ec62d16bf4a288f8e7c05545c736d.png