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

傷城~ 2022-04-02 07:28 1193阅读 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

发表评论取消回复

表情：

评论列表（有 0 条评论，1193人围观）

还没有评论，来说两句吧...

相关阅读

相关浏览器控制台手机模式设置不同宽高

1、在浏览器此位置即可设置手机模式 ![9d44dddad46243239b49863898637ba2.png][] 2、切换自己需要的尺寸模式，若是常用这里没有，则点击

男娘i/ 2024年03月31日 17:14/ 0 赞/ 33 阅读

相关谷歌浏览器Chrome设置夜间模式

1、下载谷歌插件：链接：https://pan.baidu.com/s/1b\_UXY\_rp11uTrbVNnOIOig 提取码：6hoh 复制这段内容后打开

Myth丶恋晨/ 2022年11月20日 04:50/ 0 赞/ 508 阅读

相关 edge浏览器设置默认浏览器

edge://settings/defaultBrowser 打开后设置 ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_5

清疚/ 2022年09月09日 09:12/ 0 赞/ 278 阅读

相关页面中设置IE浏览器的文档模式

项目在IE浏览器中打开默认是Quirks模式，导致兼容性不太好 ![这里写图片描述][20151216174744039] 当然可以手动修改为Internet Explor

Dear 丶/ 2022年08月18日 11:55/ 0 赞/ 143 阅读

相关浏览器和手机的复制

以下代码可以实现，传入文本即可，兼容安卓和 IOS ; 原理是：先添加节点，然后选择对象，执行复制，而 ios 要先执行选中操作再复制，复制完后要移除选中

小灰灰/ 2022年05月27日 05:37/ 0 赞/ 128 阅读

相关 360浏览器如何设置默认极速模式

360浏览器有双核模式，当是极速模式时，使用的内核是webkit，当是兼容模式时，取决于用户安装的ie浏览器的版本。即当安装的是ie版本是ie8的时候，这个时候360浏览器使用

- 日理万妓/ 2022年04月22日 14:40/ 0 赞/ 669 阅读

相关 JS判断手机浏览器

判断原理： JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一

た入场券/ 2022年04月10日 08:18/ 0 赞/ 295 阅读

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

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

傷城~/ 2022年04月02日 07:28/ 0 赞/ 1194 阅读

相关【Appium】打开手机chrome浏览器

1、首先要安装安卓版的Chrome浏览器 2、打开手机chrome浏览器代码如下： public class AppDemo { privat

太过爱你忘了你带给我的痛/ 2022年03月22日 13:18/ 0 赞/ 630 阅读

相关手机浏览器适配web

转载：[https://www.jianshu.com/p/2c33921d5a68][https_www.jianshu.com_p_2c33921d5a68] 另一篇

骑猪看日落/ 2021年08月28日 20:29/ 0 赞/ 298 阅读