hujung hadapan web
Tutorial H5
HTML5 melaksanakan fungsi pemberitahuan desktop API Pemberitahuan _html5 kemahiran tutorial
HTML5 melaksanakan fungsi pemberitahuan desktop API Pemberitahuan _html5 kemahiran tutorial
Pemberitahuan desktop tradisional boleh ditulis sebagai div dan diletakkan di penjuru kanan sebelah bawah halaman untuk muncul secara automatik dan menerima mesej melalui undian dan kaedah lain Tolak kepada pengguna. Satu kelemahan kaedah ini ialah apabila saya menggunakan JD.com untuk membeli-belah, saya tidak tahu bahawa Renren telah menghantar berita kepada saya, tetapi saya perlu menunggu sehingga saya menukar halaman semasa kepada Renren untuk mengetahui bahawa terdapat berita . Kaedah tolakan mesej ini adalah berdasarkan kelangsungan halaman, tetapi kami memerlukan strategi sedemikian: tidak kira halaman mana yang anda lihat, selagi ada mesej, ia harus ditolak kepada saya Ini adalah masalah yang ingin diselesaikan oleh webkitNotification selesaikan. Mesej yang dijana oleh Pemberitahuan tidak dilampirkan pada halaman tertentu, hanya pada penyemak imbas.
Proses biasa menjana pemberitahuan desktop
Mari kita lihat dahulu cara pemberitahuan desktop dijana:
1 Periksa sama ada penyemak imbas menyokong Pemberitahuan
2. Semak kebenaran pemberitahuan penyemak imbas (sama ada pemberitahuan dibenarkan)
3 Jika kebenaran tidak mencukupi, dapatkan kebenaran pemberitahuan penyemak imbas
4 >NOTA : Mengenai perkara pertama, beberapa penjelasan diperlukan belum diseragamkan, jadi pada masa ini ia hanya menyokong chrome19 dan safari6. Terdapat maklumat di Internet bahawa Firefox26 juga menyokongnya, tetapi keputusan ujian Firefox27 saya ia tidak boleh disokong.
Saya percaya semua orang sudah biasa dengan pemberitahuan desktop HTML5. Aplikasi biasa termasuk versi web WeChat, yang memerlukan penyediaan fungsi pemberitahuan desktop sebelum ia boleh digunakan.
Tidak sukar untuk melaksanakan fungsi sedemikian menggunakan program klien. Untuk versi web tradisional pemberitahuan desktop, anda boleh menulis div dan meletakkannya di penjuru kanan sebelah bawah halaman untuk muncul secara automatik, dan mendapatkan mesej melalui tinjauan pendapat dan kaedah lain dan menolaknya kepada pengguna. Satu kelemahan kaedah ini ialah apabila saya menggunakan Taobao untuk membeli-belah, saya tidak tahu bahawa terdapat mesej yang ditolak kepada saya di Weibo, tetapi saya perlu menunggu sehingga saya menukar halaman semasa kepada Sina Weibo untuk mengetahui bahawa terdapat mesej yang ditolak kepada saya. Kaedah tolakan mesej ini adalah berdasarkan kelangsungan halaman, tetapi kami memerlukan strategi sedemikian: tidak kira halaman mana yang anda lihat, selagi ada mesej, ia harus ditolak kepada saya Ini adalah masalah yang ingin diselesaikan oleh webkitNotification selesaikan.
Pemberitahuan belum diseragamkan lagi, jadi anda tidak boleh mempelajarinya di tapak web seperti w3cschool. Walau bagaimanapun, kebanyakan penyemak imbas arus perdana semasa menyokong Pemberitahuan. Paparan pemberitahuan desktop html5 adalah seperti berikut:
Kod adalah seperti berikut:
Kod XML/HTML
- >
- <html>
- <kepala>
- <meta charset="utf- 8">
- <tajuk>pemberitahuan desktop HTML5 tajuk>
- kepala>
- <badan>
- <input taip="butang" nilai="Hidupkan pemberitahuan desktop" onclick ="showNotice();">
- <skrip>
- fungsi showNotice(){
- Notification.requestPermission(function(status){
- //Nilai lalai status 'lalai' adalah bersamaan dengan penolakan 'ditolak' bermakna pengguna tidak mahu pemberitahuan 'diberikan' bermakna pengguna bersetuju untuk mendayakan pemberitahuan
- jika("diberikan" != status)
- kembali;
- var maklumkan = baharu Pemberitahuan("Mesej",{
- dir:'auto',
- lang:'zh-CN',
- teg:'sds',//Id pemberitahuan segera
- //ikon menyokong format ico, png, jpg, jpeg
- ikon:'http://www.xttblog.com/icons/favicon.ico',//Imej lakaran kecil pemberitahuan
- body:'html5 desktop notification' //Kandungan khusus pemberitahuan
- });
- notify.onclick=fungsi(){
- //Jika mesej pemberitahuan diklik, tetingkap pemberitahuan akan diaktifkan
- window.focus();
- }
- });
- }
- skrip>
- badan>
- html>
Kandungan di atas ialah pelaksanaan HTML5 fungsi pemberitahuan desktop API Pemberitahuan yang dikongsi oleh editor saya harap ia akan membantu semua orang!
Teks asal: http://www.xttblog.com/?p=249
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Panduan Pembangunan Carian PHP dan Manticore: Cipta API Carian dengan Pantas
Aug 07, 2023 pm 06:05 PM
Panduan Pembangunan PHP dan ManticoreSearch: Cepat Cipta Carian API Carian ialah salah satu ciri yang amat diperlukan dalam aplikasi web moden. Sama ada laman web e-dagang, platform media sosial atau portal berita, ia perlu menyediakan fungsi carian yang cekap dan tepat untuk membantu pengguna mencari kandungan yang mereka minati. Sebagai enjin carian teks penuh dengan prestasi cemerlang, ManticoreSearch menyediakan kami alat yang berkuasa untuk mencipta API carian yang sangat baik. Artikel ini akan menunjukkan kepada anda bagaimana untuk
Bagaimana untuk merangkak dan memproses data dengan memanggil antara muka API dalam projek PHP?
Sep 05, 2023 am 08:41 AM
Bagaimana untuk merangkak dan memproses data dengan memanggil antara muka API dalam projek PHP? 1. Pengenalan Dalam projek PHP, kita selalunya perlu merangkak data dari tapak web lain dan memproses data ini. Banyak tapak web menyediakan antara muka API, dan kami boleh mendapatkan data dengan memanggil antara muka ini. Artikel ini akan memperkenalkan cara menggunakan PHP untuk memanggil antara muka API untuk merangkak dan memproses data. 2. Dapatkan URL dan parameter antara muka API Sebelum memulakan, kita perlu mendapatkan URL antara muka API sasaran dan parameter yang diperlukan.
Panduan Panggilan API React: Cara berinteraksi dan memindahkan data dengan API bahagian belakang
Sep 26, 2023 am 10:19 AM
Panduan Panggilan ReactAPI: Cara berinteraksi dan memindahkan data ke API bahagian belakang Gambaran Keseluruhan: Dalam pembangunan web moden, berinteraksi dengan dan memindahkan data ke API bahagian belakang adalah keperluan biasa. React, sebagai rangka kerja bahagian hadapan yang popular, menyediakan beberapa alat dan ciri yang berkuasa untuk memudahkan proses ini. Artikel ini akan memperkenalkan cara menggunakan React untuk memanggil API bahagian belakang, termasuk permintaan GET dan POST asas serta memberikan contoh kod khusus. Pasang kebergantungan yang diperlukan: Pertama, pastikan Axi dipasang dalam projek
Simpan data API ke format CSV menggunakan Python
Aug 31, 2023 pm 09:09 PM
Dalam dunia aplikasi dan analitik dipacu data, API (Antara Muka Pengaturcaraan Aplikasi) memainkan peranan penting dalam mendapatkan semula data daripada pelbagai sumber. Apabila bekerja dengan data API, anda selalunya perlu menyimpan data dalam format yang mudah diakses dan dimanipulasi. Satu format sedemikian ialah CSV (Nilai Dipisahkan Koma), yang membolehkan data jadual disusun dan disimpan dengan cekap. Artikel ini akan meneroka proses menyimpan data API ke format CSV menggunakan bahasa pengaturcaraan yang berkuasa Python. Dengan mengikut langkah-langkah yang digariskan dalam panduan ini, kami akan mempelajari cara mendapatkan semula data daripada API, mengekstrak maklumat yang berkaitan dan menyimpannya dalam fail CSV untuk analisis dan pemprosesan selanjutnya. Mari selami dunia pemprosesan data API dengan Python dan buka kunci potensi format CSV
Panduan Penggunaan API Oracle: Meneroka Teknologi Antaramuka Data
Mar 07, 2024 am 11:12 AM
Oracle ialah penyedia sistem pengurusan pangkalan data yang terkenal di dunia, dan APInya (Antara Muka Pengaturcaraan Aplikasi) ialah alat berkuasa yang membantu pembangun berinteraksi dan menyepadukan dengan mudah dengan pangkalan data Oracle. Dalam artikel ini, kami akan menyelidiki panduan penggunaan API Oracle, menunjukkan kepada pembaca cara menggunakan teknologi antara muka data semasa proses pembangunan dan menyediakan contoh kod khusus. 1. Oracle
Analisis strategi integrasi API Oracle: mencapai komunikasi lancar antara sistem
Mar 07, 2024 pm 10:09 PM
Analisis strategi penyepaduan API Oracle: Untuk mencapai komunikasi yang lancar antara sistem, contoh kod khusus diperlukan Dalam era digital hari ini, sistem perusahaan dalaman perlu berkomunikasi antara satu sama lain dan berkongsi data, dan Oracle API ialah salah satu alat penting untuk membantu mencapai kelancaran. komunikasi antara sistem. Artikel ini akan bermula dengan konsep dan prinsip asas OracleAPI, meneroka strategi penyepaduan API, dan akhirnya memberikan contoh kod khusus untuk membantu pembaca memahami dan menggunakan OracleAPI dengan lebih baik. 1. API Oracle Asas
Bagaimana untuk menangani masalah ralat API Laravel
Mar 06, 2024 pm 05:18 PM
Tajuk: Cara menangani pelaporan ralat API Laravel, contoh kod khusus diperlukan Semasa membangunkan Laravel, ralat API sering ditemui. Ralat ini mungkin datang daripada pelbagai sebab seperti ralat logik kod program, masalah pertanyaan pangkalan data atau kegagalan permintaan API luaran. Cara mengendalikan laporan ralat ini ialah isu utama Artikel ini akan menggunakan contoh kod khusus untuk menunjukkan cara mengendalikan laporan ralat API Laravel dengan berkesan. 1. Ralat pengendalian dalam Laravel
Pembangunan API RESTful dengan Laravel: Membina perkhidmatan web moden
Aug 13, 2023 pm 01:00 PM
Pembangunan API RESTful dengan Laravel: Membina Perkhidmatan Web Moden Dengan perkembangan pesat Internet, permintaan untuk perkhidmatan Web semakin meningkat dari hari ke hari. Sebagai seni bina perkhidmatan Web moden, RESTfulAPI adalah ringan, fleksibel dan mudah dikembangkan, jadi ia telah digunakan secara meluas dalam pembangunan Web. Dalam artikel ini, kami akan memperkenalkan cara menggunakan rangka kerja Laravel untuk membina API RESTful moden. Laravel ialah bahasa PHP
