Berita Platform Mingguan: Peralihan Layout, Video Bit High-Bitrate, Tangkapan Skrin di Firefox

Berita Platform Web minggu ini meliputi debugging shift susun atur, isu video bubuk tinggi, dan ciri tangkapan skrin Firefox baru. Mari menyelam!

Mendiagnosis perubahan susun atur dengan webpagetest

WebpageTest kini membantu menunjukkan perubahan susun atur semasa beban halaman. Inilah Caranya:

Langkah 1: Tambahkan metrik tersuai

Dalam "Tetapan Lanjutan" Web Pastikan Chrome dipilih sebagai penyemak imbas.

 <code>[LayoutShifts] return new Promise(resolve => { new PerformanceObserver(list => { resolve(JSON.stringify(list.getEntries().filter(entry => !entry.hadRecentInput))); }).observe({type: "layout-shift", buffered: true}); });</code>

Langkah 2: Memeriksa Hasil

Selepas ujian, semak entri "LayoutShifts" pada halaman "Metrik Custom" (dihubungkan dari bahagian "Butiran").

Langkah 3: Analisis Filmstrip

Gunakan data "Starttime" dan "Nilai" untuk mencari peralihan dalam Filmstrip WebpageTest dan mengenal pasti punca mereka.

(melalui Rick Viscomi)

Video Bitrate Tinggi & Main balik 3G

Video yang dihoskan sendiri dengan bitrat melebihi 1.5 Mbps boleh menyebabkan gerai main balik pada rangkaian 3G. Alat seperti FFMPEG dan StreamClarity.com boleh membantu memantau bitrate. Satu kajian mendedahkan bahawa lebih separuh daripada video mempunyai bitrates melebihi kelajuan muat turun 3G, yang membawa kepada kelewatan main balik dan gerai.

(melalui Doug Sillars)

Perintah tangkapan skrin yang dipertingkatkan oleh Firefox

Firefox Devtools kini menawarkan perintah yang kuat :screenshot . Ia mencerminkan fungsi Chrome (elemen, viewport, skrin penuh halaman), tetapi menambah nisbah piksel peranti dan pilihan kelewatan.

 <code>// Full-page screenshot at 2x DPR :screenshot --fullpage --dpr 2 // Viewport screenshot with 5-second delay :screenshot --delay 5</code>

(melalui reddit)

Untuk lebih banyak berita platform web, langgan surat berita e -mel Ahad mingguan, disampaikan setiap pagi Isnin.

Berita Platform Web: Isu Ahad →

Atas ialah kandungan terperinci Berita Platform Mingguan: Peralihan Layout, Video Bit High-Bitrate, Tangkapan Skrin di Firefox. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!