Je souhaite ajouter les nouveaux téléphones Google aux appareils émulés dans les outils de développement de Chrome.
Quelqu'un connaît-il les bons paramètres personnalisés de l'appareil pour le Pixel 3 et le Pixel 3 XL?
3 Réponses :
Appuyez sur F12 dans le navigateur Chrome >> Cliquez sur la barre d'outils pour basculer l'appareil (sur la petite icône mobile à gauche) >> cliquez sur l'option déroulante où vous pouvez voir la liste spme des appareils sont là, vous pouvez voir la dernière option "Modifier "- cliquez sur cette option Modifier >> cliquez sur le bouton" Ajouter un appareil personnalisé "entrez les détails de votre appareil cible
Euh bien. Maintenant, quels sont les paramètres personnalisés pour ajouter ces appareils manquants.
Quels sont les paramètres personnalisés pour ajouter ces appareils manquants - Que voulez-vous dire? requête multimédia ou la façon dont nous pouvons ajouter à Chrome Emulator?
vous pouvez utiliser quelque chose comme ceci pour connaître les détails de votre appareil:
<!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>
Vous devez saisir la taille de la fenêtre d'affichage dans le centre de développement Google, et non la résolution de l'écran. Les fenêtres pour le pixel 3 et le pixel 3 xl sont donc comme ci-dessous.
Pixel 3: format 412 x 824 : 16: 9 ~ Ratio de pixels de l'appareil: 1,7
Pixel 3 xl: 412 x 847 format d'image: 16: 9 ~ Ratio de pixels de l'appareil: 1,7
Je ne sais pas pourquoi il est différent de la suggestion d'Amirhossein, mais mydevice.io chargé dans Chrome sur mon Pixel 3 (acheté en novembre 2019) dit: - Pixel 3: 393 x 786 rapport hauteur / largeur: 16: 9 ~ rapport de pixels de l'appareil: 2,75 et de cette façon, le résultat sur Chrome DevTools correspond à ce que je vois sur mon appareil
Il existe une excellente liste d'appareils modernes, ainsi que des dimensions de la fenêtre d'affichage, des rapports de pixels et des chaînes d'agent utilisateur ici: danhendricks.com/2018/04/...