Hubungi dukungan

Kami membalas melalui e-mail, biasanya dalam dua hari.

Google reCAPTCHA memeriksa kiriman ini untuk mencegah penyalahgunaan; data dikirim ke Google. Skrip hanya dimuat saat formulir ini dibuka.

← Semua artikel

Satu escape berlebih di delapan diagram

· Lukas Wojcik

Untuk beberapa waktu, delapan tulisan di blog ini menampilkan tujuh karakter — di tengah kalimat, di dalam diagram. Bukan tanda pisah. Teks harfiahnya. Sejak itu masalah ini sudah diperbaiki di semua bahasa.

81 baris, 91 kemunculan. Di teks prosa kedelapan tulisan yang sama: tidak ada sama sekali.

baris diagram yang mencetak entitas alih-alih tanda pisah sebelas bahasa menghitung tanpa cookie middot, mdash mengekspor data sebagai CSV atau JSON mdash penghitung lewat tag manager mdash penghitung di halaman HTTPS mdash penghitung di profil chomikuj mdash URL panjang yang melumpuhkan penghitung mdash mengapa daftar pengecualian tidak di-hash mdash cache yang tinggal di memori mdash 81 baris di 8 tulisan, 91 kemunculan — dan tidak satu pun di prosa pemeriksaan lebar melihatnya sebagai terlalu lebar, tidak pernah sebagai salah

Satu escape terlalu banyak

Diagram-diagram ini berupa SVG inline yang ditulis ke dalam isi artikel. Label yang membutuhkan tanda pisah memuat —, dan browser mengubahnya menjadi tanda pisah, persis seperti di dalam paragraf.

Namun, yang tersimpan adalah —. Browser dengan patuh mengubahnya menjadi lima karakter yang mengeja sebuah entitas lalu menggambarnya. Prosanya tidak terdampak karena prosa tidak pernah melewati apa pun yang menambahkan escape berlebih itu; hanya label yang melewatinya, dan hanya di tulisan yang labelnya dibuat pada waktu itu.

Penyebabnya kecil dan membosankan. Bagian yang patut dicatat adalah mengapa hal itu terpampang jelas selama itu, dan apa yang mengakhirinya.

Pemeriksaan melihatnya dan menyebutnya sebagai hal lain

Ada pemeriksaan yang mengukur apakah label diagram muat di gambarnya. Pemeriksaan itu sudah berhari-hari melaporkan label-label ini — sebagai terlalu lebar.

Dan memang begitu. Label yang menggambar tujuh karakter alih-alih satu sekitar empat puluh lima piksel lebih lebar dari yang dimaksudkan, jadi pengukurannya benar dan laporannya benar. Kesimpulan yang akan ditarik pembaca laporan itulah yang tidak benar. Angkanya menyatakan bahwa geometrinya terlalu sempit. Kenyataannya, teksnya tidak seperti yang terlihat.

Begitulah polanya. Sebuah pemeriksaan menjawab pertanyaan yang diberikan kepadanya, dan tidak dapat melaporkan bahwa pertanyaannya keliru. Tidak ada yang salah ukur di sini; pengukurannya hanya menyangkut masalah yang berbeda dari yang tampak.

Apa yang menemukannya

Merender satu diagram dan melihatnya. Headless Chromium, satu tangkapan layar, sepuluh detik. Entitas itu ada di baris ketiga gambar, dengan huruf yang sama besar dengan semua teks lainnya.

Perbaikannya berupa migrasi yang mengganti &amp; dengan & untuk daftar nama entitas yang tetap, dan hanya di dalam blok <svg class="dg"> sehingga ampersand yang memang dimaksudkan sebagai ampersand tetap seperti itu. Apa pun di luar daftar itu dilaporkan dan dibiarkan, bukan ditebak. Seluruh 81 baris diperbaiki di semua bahasa; satu-satunya kemunculan yang tersisa di blog adalah yang sengaja dikutip dalam tulisan ini.

Yang berlaku secara umum

Setiap pemeriksaan otomatis dalam proyek ini mengukur sesuatu yang berupa angka, karena angkalah yang dapat dibandingkan oleh program. Tidak satu pun dapat melihat bahwa sebuah gambar sudah tidak masuk akal, bahwa sebuah kotak kosong, atau bahwa sebuah kata dieja lengkap di tempat yang seharusnya berisi simbol.

Jadi aturan yang lahir dari sini singkat: setelah perubahan apa pun pada diagram, render satu dan lihatlah, dalam bahasa yang membutuhkan ruang paling banyak. Aturan itu kini sudah menangkap dua hal yang tidak dapat ditangkap oleh pengukuran mana pun — yang satu ini, dan sebuah kotak kosong yang tertinggal ketika keterangannya dipindahkan keluar darinya.

Iklan