Rumah hujung hadapan web tutorial js JavaScript如何动态判断浏览器的类型?(代码示例)

JavaScript如何动态判断浏览器的类型?(代码示例)

Oct 25, 2018 pm 05:57 PM
sebelah pc Terminal mudah alih

本篇文章给大家带来的内容是介绍JavaScript如何动态判断浏览器的类型?(代码示例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

这个只是一个小知识,也是在网上找的,挺好用!

动态判断浏览器是PC还是移动端!

<script>
var browser={    
versions:function(){            
var u = navigator.userAgent, app = navigator.appVersion;            
return {                
trident: u.indexOf('Trident') > -1, //IE内核                
presto: u.indexOf('Presto') > -1, //opera内核                
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核                
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核                
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端                
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端                
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器                
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器                
iPad: u.indexOf('iPad') > -1, //是否iPad                
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部            
};
}()
} 

document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent); 
</script>
Salin selepas log masuk

挺有意思!

Atas ialah kandungan terperinci JavaScript如何动态判断浏览器的类型?(代码示例). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Adakah versi PC komputer atau telefon bimbit? Adakah versi PC komputer atau telefon bimbit? Feb 20, 2023 pm 03:19 PM

Bahagian pc ialah komputer. Nama penuh pc ialah Komputer Peribadi, yang bermaksud komputer peribadi atau komputer peribadi dalam bahasa Cina PC merujuk kepada port dalam dunia rangkaian yang boleh disambungkan kepada hos komputer Ia adalah sistem antara muka berasaskan komputer, yang berbeza daripada sistem antara muka telefon mudah alih.

Cara menggunakan operasi gerak isyarat mudah alih dalam projek Vue Cara menggunakan operasi gerak isyarat mudah alih dalam projek Vue Oct 08, 2023 pm 07:33 PM

Cara menggunakan operasi gerak isyarat mudah alih dalam projek Vue Dengan populariti peranti mudah alih, semakin banyak aplikasi perlu menyediakan pengalaman interaktif yang lebih mesra pada terminal mudah alih. Operasi gerak isyarat ialah salah satu kaedah interaksi biasa pada peranti mudah alih, yang membolehkan pengguna menyelesaikan pelbagai operasi dengan menyentuh skrin, seperti meluncur, mengezum, dsb. Dalam projek Vue, kami boleh melaksanakan operasi gerak isyarat mudah alih melalui pustaka pihak ketiga Perkara berikut akan memperkenalkan cara menggunakan operasi gerak isyarat dalam projek Vue dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan yang istimewa

Selesaikan masalah titik berbilang sentuhan pada terminal mudah alih Vue Selesaikan masalah titik berbilang sentuhan pada terminal mudah alih Vue Jun 30, 2023 pm 01:06 PM

Dalam pembangunan mudah alih, kita sering menghadapi masalah sentuhan berbilang jari. Apabila pengguna menggunakan berbilang jari untuk meleret atau mengezum skrin pada peranti mudah alih, cara mengecam dan bertindak balas terhadap gerak isyarat ini dengan tepat ialah cabaran pembangunan yang penting. Dalam pembangunan Vue, kami boleh mengambil beberapa langkah untuk menyelesaikan masalah sentuhan berbilang jari pada terminal mudah alih. 1. Gunakan pemalam vue-touch vue-touch ialah pemalam gerak isyarat untuk Vue, yang boleh mengendalikan acara sentuhan berbilang jari dengan mudah pada bahagian mudah alih. Kami boleh memasang vue-to melalui npm

pc端是什么意思 pc端是什么意思 Jan 02, 2021 pm 04:41 PM

pc全称Personal Computer,中文意思为个人计算机或者个人电脑;PC端是指网络世界里可以连接到电脑主机的那个端口,是基于电脑的界面体系,它有别于移动端的手机界面体系。

Bagaimana untuk menyelesaikan masalah penguatan klik dua kali pada terminal mudah alih dalam pembangunan Vue Bagaimana untuk menyelesaikan masalah penguatan klik dua kali pada terminal mudah alih dalam pembangunan Vue Jun 29, 2023 am 11:06 AM

Dengan populariti peranti mudah alih, menggunakan Vue untuk pembangunan mudah alih telah menjadi pilihan biasa. Walau bagaimanapun, kami sering menghadapi masalah semasa pembangunan mudah alih, iaitu klik dua kali untuk membesarkan. Artikel ini akan menumpukan pada masalah ini dan membincangkan cara menyelesaikan kaedah khusus penguatan klik dua kali pada terminal mudah alih dalam pembangunan Vue. Masalah penguatan klik dua kali pada peranti mudah alih berlaku terutamanya kerana peranti mudah alih secara automatik membesarkan nisbah zum halaman web apabila mengklik dua kali pada skrin sentuh. Untuk pembangunan web umum, klik dua kali ini untuk membesarkan biasanya bermanfaat kerana ia boleh

Panduan lengkap untuk melaksanakan reka letak responsif mudah alih dalam Vue (Vant) Panduan lengkap untuk melaksanakan reka letak responsif mudah alih dalam Vue (Vant) Jun 09, 2023 pm 04:09 PM

Panduan Lengkap untuk Melaksanakan Reka Letak Mudah Alih Responsif dalam Vue (Vant) Reka letak responsif mudah alih adalah bahagian yang sangat penting dalam pembangunan web moden Dengan populariti peranti mudah alih, cara untuk bertindak balas dengan cepat terhadap saiz dan resolusi skrin telefon mudah alih pengguna telah menjadi a Salah satu cabaran yang perlu dihadapi oleh jurutera hadapan. Rangka kerja Vue dilengkapi dengan ciri susun atur responsif, dan terdapat juga banyak perpustakaan pihak ketiga untuk membantu kami melaksanakan reka letak responsif. Antaranya, perpustakaan komponen Vant ialah perpustakaan UI mudah alih Vue kerana ia sangat berkuasa, mudah digunakan dan disesuaikan serta serasi sepenuhnya dengan peranti mudah alih.

Apakah maksud bahagian PC? Apakah maksud bahagian PC? Jan 16, 2024 am 10:23 AM

Bahagian PC biasanya merujuk kepada komputer peribadi, termasuk komputer meja, komputer riba, dsb., yang merupakan salah satu peranti yang biasa digunakan untuk orang ramai. Bahagian PC secara amnya merujuk kepada koleksi sistem pengendalian dan aplikasi yang dijalankan pada komputer Ia mempunyai keupayaan pemprosesan pengkomputeran yang kuat dan antara muka interaksi manusia-komputer Ia biasanya digunakan untuk pelbagai pejabat, hiburan, reka bentuk, pengaturcaraan dan aktiviti lain.

Bagaimana untuk melaksanakan fungsi penentududukan peta mudah alih menggunakan Python dan API Peta Baidu Bagaimana untuk melaksanakan fungsi penentududukan peta mudah alih menggunakan Python dan API Peta Baidu Jul 29, 2023 pm 11:33 PM

Kaedah melaksanakan fungsi penentududukan peta mudah alih menggunakan Python dan API Peta Baidu Dengan pembangunan Internet mudah alih, fungsi penentududukan peta telah menjadi lebih biasa dalam aplikasi mudah alih. Python, sebagai bahasa pengaturcaraan yang popular, juga boleh melaksanakan fungsi penentududukan peta mudah alih dengan menggunakan API Peta Baidu. Berikut akan memperkenalkan langkah-langkah untuk melaksanakan fungsi penentududukan peta menggunakan Python dan API Peta Baidu, dan memberikan contoh kod yang sepadan. Langkah 1: Mohon Kunci API Peta Baidu Sebelum memulakan, kami perlu memohon terlebih dahulu

See all articles