Можно ли включить панель инструментов устройства и установить разрешение с помощью JavaScript в консоли разработчика Chrome?

Question

Я пишу расширение Chrome для тестирования различных макетов страниц сайта.В качестве части этого я хочу иметь возможность включить режим просмотра устройства в инструментах разработчика Chrome и установить желаемое разрешение устройства.

Можно ли сделать это, используя расширение JavaScript или каким-либо другим способом?

В частности, я хочу сделать что-то вроде этого:

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

Answer 1

Невозможно включить панель инструментов устройства для расширения / приложений Chrome.Вы можете проверить расширение Chrome, щелкнув значок, затем выберите Inspect Popup.

Это будет дисплей пользовательского интерфейса.Вы можете видеть, что по сравнению с Chrome-страницей devTools ниже отсутствует панель инструментов устройства.

Расширение Chrome / Приложения:

Страница Chrome:

Вы можете только проверять и редактировать элементы (которые могут включать в себя другие ресурсы: JavaScript, CSS, изображения и т. Д.) Из вашегорасширение / приложение.

Чтобы изменить размер окна расширения / приложений, вы можете использовать приведенный ниже пример кода:

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

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

Вы можете ознакомиться с документацией Создание расширения Devtools и это ТАК сообщение для получения дополнительной информации.