Fitur debugging Polypane pintar yang saya suka

 – Beragampengetahuan
2 mins read

Fitur debugging Polypane pintar yang saya suka – Beragampengetahuan

Saya menyegarkan situs pribadi saya, yang saya sebut Versi remaster HD. Ya, saya tidak akan menyebutnya sebagai desain ulang “total”. Saya sedang membereskan semuanya dan Polypane akan turun tangan. Pada bulan Maret 2023, saya menulis di blog pribadi saya tentang betapa saya sangat menyukai pengembangan dengan Polypane. Saat saya mengatakan saya menemukan sesuatu yang baru setiap kali saya membuka browser, yang ingin saya katakan di sini adalah masih terjadi Hingga Agustus 2024.

Jika Anda belum familiar dengan Polypane, ini adalah browser web yang dibuat khusus untuk membantu pengembang dalam berbagai cara berbeda. Fitur yang paling jelas adalah beberapa panel yang menampilkan proyek Anda pada ukuran area pandang berbeda:

Browser Polypane menampilkan ryantrimble.com dalam tiga ukuran viewport berbeda secara bersamaan

Saya tidak akan mencoba membuat daftar setiap fitur yang tersedia di Polypane; Saya akan menyerahkannya kepada teman dan pencipta saya Kilian Valkhof. Sebaliknya, saya ingin berbicara tentang fitur menarik yang baru-baru ini saya temukan.

Contents

Tab garis besar

Di beragampengetahuan Polypane, Anda akan menemukan berbagai tab yang memberikan informasi berbeda tentang situs web Anda. Misalnya, jika Anda ingin mengetahui bagaimana pratinjau media sosial akan menemukan postingan blog terbaru Anda, Polypane dapat membantu Anda memahaminya Yuan tab.

Kartu pratinjau menunjukkan bagaimana informasi Open Graph akan ditampilkan di Mastodon.

Tab yang ingin saya fokuskan adalah garis besar tab. Di permukaan tampaknya cukup sederhana, Polypane memindai halaman dan memberi Anda judul, landmark, link, gambar, urutan fokus, dan bahkan garis besar seluruh pohon aksesibilitas halaman.

Bilah samping polipane, tab kerangka, opsi pemilihan tampilan menampilkan berbagai tampilan yang tersedia: judul, penanda letak, tautan, gambar, urutan fokus, dan pohon aksesibilitas

Melihat halaman Anda dengan cara ini dapat membantu Anda menemukan beberapa kesalahan yang sangat jelas, namun Polypane tidak berhenti di situ. meneliti masalah tampilan Pilihan akan menunjukkan beberapa masalah yang kurang jelas.

Bilah samping polipane, tab kerangka, tampilan tanda letak, "masalah tampilan" Opsi diaktifkan. Dalam kerangkanya, teks berwarna merah menjelaskan kesalahan: Beberapa elemen spanduk ditemukan pada tingkat yang sama.

Pada tampilan penanda letak, ada opsi menunjukkan potensi Selain itu, elemen yang ditampilkannya juga bisa berpotensi Menjadi landmark halaman.

Bilah Sisi Polypane, Tab Garis Besar, Tampilan Tengara - Garis luar menampilkan simbol merah yang mengindikasikan elemen landmark potensial

Dalam tampilan kerangka ini, Anda juga dapat menampilkan overlay pada halaman dan menyorot lokasi konten.

Tampilan area pandang laptop polipane dari ryantrimble.com dengan hamparan tanda letak diaktifkan, yang menguraikan elemen tanda letak dengan warna biru sekaligus menampilkan nilainya

Sekarang, alasan saya menemukan fitur-fitur ini di tab Outline adalah karena bug yang saya lacak, yang khususnya terkait dengan urutan fokus. Jadi saya beralih ke garis besar Urutan Fokus untuk mengkaji lebih jauh.

Bilah samping polipane, tab kerangka, tampilan urutan fokus memperlihatkan kerangka elemen yang dapat difokus pada halaman

Saat itulah saya perhatikan ada opsi untuk melihat overlay Untuk urutan fokus.

Tampilan laptop polipan dengan overlay urutan fokus diaktifkan, memperlihatkan garis panduan yang menandai posisi setiap item yang dapat difokus

Ini memberikan pemetaan literal urutan fokus halaman. Menurut saya ini sangat berguna saat memecahkan masalah kesalahan dan juga merupakan cara yang bagus untuk memvisualisasikan bagaimana seseorang menavigasi situs Anda menggunakan keyboard mereka.

Fitur-fitur yang tampaknya kecil namun berguna ini dapat ditemukan di seluruh Polypane.

alat yang luar biasa

Ketika saya menghubungi Killian dan menyebutkan temuan saya, tanggapannya adalah “Semuanya ada saat Anda membutuhkannya!”

Saya bisa menjamin hal ini.

rencana pengembangan website



metode pengembangan website

jelaskan beberapa rencana untuk pengembangan website, proses pengembangan website, kekuatan dan kelemahan bisnis pengembangan website
, jasa pengembangan website, tahap pengembangan website, biaya pengembangan website

#Fitur #debugging #Polypane #pintar #yang #saya #suka

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *