Ada beberapa artikel di Habré tentang fitur-fitur berguna dari Alat Pengembang Chrome, tetapi mari selesaikan daftar ini dalam kaitannya dengan manfaat bagi desainer yang ingin menguji tata letak yang telah selesai dari tata letak mereka.
Lihat adaptif
Ini adalah fungsi yang paling berguna dan terkenal, tetapi saya tidak bisa tidak menyebutkannya. Anda dapat memeriksa bagaimana front-end merender tata letak Anda untuk ponsel hanya dengan mengalihkan browser ke mode seluler. Ada ukuran standar dari perangkat seluler populer dan Anda dapat mengaturnya sendiri.
, . Edit .
, , - . , . . . , . Dev tools . , , . Animations , , , ( 25%). , — (opacity) (filter). ( Principle). .
, . , Sources, . , , .
— . - , , 3G. Dev Tools Network , , .
. , Contrast. , , . Dev tools , (WCAG). : — ; — ; — . Dev tools , . — .
. . . , (H, p, span, a .). . - ( ).
, . , Dev tools. Lighthouse Generate report . — -, SEO, .
, . .
- , . , VPN-, , - ; - , ; - , . Dev tools . , " " . , . , : 59.898092; 30.307113.
Namun agar fitur ini berfungsi, Anda harus mengizinkan situs tersebut melacak lokasi Anda. Anehnya, fitur ini sedikit merusak Google Maps. Itulah mengapa dalam contoh ini saya menampilkan Yandex Maps. Di Google, saat fungsi ini diaktifkan, tombol "Lokasiku" di peta menghilang begitu saja.
Jika secara default Anda tidak memiliki panel dengan pilihan lokasi, kemudian buka alat Dev, tekan Command + Shift + P, kotak pencarian akan terbuka, masukkan Sensor ke dalamnya .