Rumah > hujung hadapan web > tutorial js > Sambungan penyemak imbas yang dipanggil \'Buka Tab Baharu Untuk Pembangun\'

Sambungan penyemak imbas yang dipanggil \'Buka Tab Baharu Untuk Pembangun\'

WBOY
Lepaskan: 2024-09-06 13:00:25
asal
1011 orang telah melayarinya

A browser extension called

Sebagai pembangun, saya sering melayari tapak web seperti Medium.com dan Berita Hacker, tetapi pautan pada tapak ini dibuka dalam tab yang sama. Selepas membaca artikel, saya perlu menavigasi kembali ke tapak utama, yang memberi kesan negatif kepada pengalaman pengguna. Membuka pautan dalam tab baharu adalah lebih baik.

Oleh itu, saya mencipta pemalam penyemak imbas yang dipanggil "Buka Tab Baharu."

Mengapa saya perlu menulis pemalam baharu? Kerana saya mencari dan menggunakan beberapa pemalam sedia ada, tetapi mereka kebanyakannya melaksanakan logik umum. Logik umum ini mudah dan sememangnya berfungsi untuk kebanyakan laman web. Walau bagaimanapun, ia tidak mencukupi; hanya menulis logik am tidak berfungsi untuk beberapa laman web tertentu. Fungsi pemalam jenis ini agak serupa dengan pemalam penyekat iklan, yang perlu mengendalikan struktur DOM khusus tapak web tertentu.

Ambil Sederhana, sebagai contoh. Ia atribut href tag bukan URL lengkap tetapi rentetan laluan yang pelik. URL lengkap sebenarnya dalam atribut data-href bagi elemen nenek moyang. Jadi untuk tapak ini, pendekatan yang lebih baik ialah mendapatkan URL lengkap dan kemudian membukanya dalam tab baharu.

Oleh itu, ciri pemalam ini ialah, walaupun ia memenuhi keperluan untuk membuka pautan dalam tab baharu untuk semua tapak web biasa seperti Google, ia juga menyediakan pengendalian khas untuk tapak web yang sering dilawati oleh pembangun, seperti Berita Sederhana dan Penggodam.

Jadi, nama yang lebih sesuai untuk pemalam ini sebenarnya ialah: "Buka Tab Baharu Untuk Pembangun."

tutor:https://www.bilibili.com/video/BV1hrpMe4E6x/
GitHub:https://github.com/cunzaizhuyi/open-new-tab-extension

Atas ialah kandungan terperinci Sambungan penyemak imbas yang dipanggil \'Buka Tab Baharu Untuk Pembangun\'. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan