Добавьте Pixel 3 & Pixel 3 XL в пользовательские настройки устройства - PullRequest
0 голосов
/ 15 февраля 2019

Я хотел бы добавить новые телефоны Google в эмулированные устройства в инструментах разработчика Chrome.

Кто-нибудь знает правильные пользовательские настройки устройства для Pixel 3 и Pixel 3 XL?

Ответы [ 3 ]

0 голосов
/ 15 февраля 2019

вы можете использовать что-то вроде этого, чтобы узнать детали вашего устройства:

   <!DOCTYPE html>
<html>
<body>

<button onclick="OutputDeviceInfo()">Click me</button>

<p id="width"></p>
<p id="height"></p>
<p id="ratio"></p>

<script>

    function OutputDeviceInfo() {
      let deviceWidth = window.screen.width;
      let deviceHeight = window.screen.height;
      let devicePixelAspectRation = window.devicePixelRatio;

    document.getElementById("width").innerHTML = deviceWidth;
    document.getElementById("height").innerHTML = deviceHeight;
    document.getElementById("ratio").innerHTML = devicePixelAspectRation;

      console.log('Width: ' + deviceWidth);
      console.log('Height: ' + deviceHeight);
      console.log('Pixel  Ratio: ' + devicePixelAspectRation);
    }
</script>

</body>
</html>
0 голосов
/ 09 августа 2019

Вы должны ввести размер области просмотра в центре разработки Google, а не разрешение экрана.Таким образом, области просмотра для пикселей 3 и 3 xl, как показано ниже.

Пиксель 3: 412 x 824 формат изображения: 16: 9 ~ Соотношение пикселей устройства: 1,7
Pixel 3 xl: 412 x 847 формат изображения: 16: 9 ~ Соотношение пикселей устройства: 1,7

0 голосов
/ 15 февраля 2019

Нажмите F12 в браузере Chrome >> Нажмите на панель инструментов устройства (слева значок с изображением мобильного устройства) >> щелкните опцию раскрывающегося списка, где вы можете увидеть список устройств SPM, вы можете увидеть последнюю опцию "Редактировать"- нажмите на эту опцию редактирования >> нажмите на кнопку" Добавить пользовательское устройство "и введите данные для целевого устройства

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...