Bina Sambungan Pelayar Sebenar untuk Chrome dan Edge
Sambungan pelayar membolehkan anda mengubah suai halaman web, mengautomatikkan tingkah laku pelayar, memintas permintaan rangkaian dan menghantar alat tersuai terus kepada pengguna melalui Chrome Web Store serta gedung Edge Add-ons. Laluan ini mengajar anda Manifest V3 — format sambungan semasa yang diwajibkan — bermula daripada manifest.json pertama anda hingga pengedaran merentas pelayar dan keselamatan produksi. Setiap konsep berasaskan API yang benar-benar didedahkan oleh Chrome dan Edge pada masa ini.
Perkara yang Akan Anda Pelajari
Anda akan mempelajari cara Manifest V3 menyusun kebenaran, pekerja perkhidmatan dan kitar hayat komponen. Seterusnya, anda akan membina antara muka pengguna sebenar dengan tetingkap timbul dan halaman pilihan, menyuntik skrip kandungan yang membaca serta menulis semula DOM halaman, dan menggunakan permukaan antara muka pelayar seperti menu konteks serta bar alamat. Dari segi data, anda akan menguasai pemesejan sambungan, API storan dan declarativeNetRequest untuk mengubah suai permintaan web tanpa kebenaran hos yang luas. Anda juga akan mempelajari kawalan pelayar secara programatik, penyahpepijatan dan pemprofilan prestasi, serta model kebenaran lanjutan dengan tumpuan pada keselamatan. Laluan ini diakhiri dengan teknik keserasian merentas pelayar dan penyepaduan rangka kerja JavaScript moden ke dalam saluran binaan sambungan.
Laluan Pembelajaran
Dua belas kursus merangkumi tahap A1 hingga C1. Kursus pertama adalah percuma dan memperkenalkan asas Manifest V3. A1–A2 membina struktur manifes dan model kebenaran teras. Kursus B1 membangunkan kemahiran praktikal: pembinaan antara muka pengguna, penyuntikan skrip kandungan, penyepaduan antara muka pelayar serta penerbitan ke Chrome Web Store dan gedung Edge. Empat kursus B2 pergi lebih mendalam — pemesejan dan pengekalan, pengubahsuaian permintaan rangkaian deklaratif, automasi pelayar serta penyahpepijatan dengan pengoptimuman prestasi. Dua kursus C1 terakhir merangkumi kebenaran lanjutan, pengukuhan keselamatan dan pencapaian keserasian merentas pelayar yang sebenar bersama penggunaan rangka kerja moden.
Cara Ia Berfungsi
Setiap kursus dibahagikan kepada pelajaran pendek dan praktikal yang anda selesaikan dalam penyunting terbina dalam dengan maklum balas masa nyata serta tutor AI yang tersedia apabila anda menghadapi kesukaran. Anda menulis kod sambungan sebenar — fail manifes, pekerja perkhidmatan latar belakang, skrip kandungan dan halaman pilihan — supaya setiap pelajaran menghasilkan sesuatu yang boleh anda muatkan terus ke dalam Chrome atau Edge sebagai sambungan yang berfungsi.
