是否可以在Chrome开发者控制台中使用javascript启用设备工具栏并设置分辨率？

Question

我正在编写一个chrome扩展程序来测试网站的不同页面布局。作为其中的一部分，我希望能够在chrome开发人员工具中启用设备模式视图并设置所需的设备分辨率。

是否可以通过扩展名或其他方式使用javascript来做到这一点？

我特别想做这样的事情：

chrome.devtools.enableDeviceMode();
chrome.devtools.setDeviceModeResolution(768, 1024);

Answer 1

无法启用Chrome扩展程序/应用程序的设备工具栏。您可以通过单击图标检查chrome扩展名，然后选择Inspect Popup。

这将是UI显示。您可以看到，与下面的Chrome页面devTools相比，没有设备工具栏。

Chrome扩展程序/应用程序：

Chrome页面：

您只能检查和编辑扩展程序/应用程序中的元素（其中可能包括其他资源：JavaScript，CSS，图像等）。

要更改扩展程序/应用程序窗口的大小，可以使用以下示例代码：

var size = [window.width,window.height];

$(window).resize(function(){
    window.resizeTo(size[0],size[1]);
})

您可以访问Creating a Devtools Extension和此SO post的文档以了解更多信息。