☰

如何在多个 chrome 窗口中打开一个网页进行屏幕尺寸测试

tag-icon • tag-icon google-chrome
如何在多个 chrome 窗口中打开一个网页进行屏幕尺寸测试

我有一个响应式网页，需要在不同的分辨率下进行测试，以检查这些不同分辨率下的布局。是否有一个命令行选项可用于在多个不同的窗口中打开一个网页，每个窗口的分辨率都不同，如下所示？

在此处输入图片描述

我很想弄清楚如何做到这一点，而不用打开一堆新窗口，然后每次都使用窗口调整器扩大。

答案1

我编写了一个名为的脚本many_resolutions.py，其用法如下：

python many_resolutions.py http://localhost:3000 800x600,0,0 1280x1024,2000,0

屏幕规格在哪里<width>x<height>,<x-position>,<y-position>。

import subprocess, sys, os

CHROME='/usr/bin/google-chrome-stable'
webpage = sys.argv[1]
for screen_spec in sys.argv[2:]:
    split = screen_spec.split(',')
    if len(split) not in (1,3) or 1 > split[0].find('x'): 
        raise Exception('Screen arguments are <width>x<height>,<x-position>,<y-position>')
    screen_res = split[0].split('x')
    pos = None
    if len(split) == 3:
        pos = split[1:3]
    cmd = [
        CHROME,
        '--profile-directory=Default',
        '--app=data:text/html,<html><body><script>' +
        ('window.moveTo(' + pos[0] +',' + pos[1] + ');' if pos else '') +
        'window.resizeTo(' + screen_res[0] + ',' + screen_res[1] + ');' +
        'window.location="' + webpage + '";</script></body></html>',
    ]
    print(cmd)
    subprocess.Popen(cmd, preexec_fn=os.setpgrp)

相关内容