Rumah > hujung hadapan web > tutorial js > js untuk menentukan pelayar mana untuk membuka kemahiran page_javascript semasa

js untuk menentukan pelayar mana untuk membuka kemahiran page_javascript semasa

WBOY
Lepaskan: 2016-05-16 15:21:33
asal
1350 orang telah melayarinya

Saya telah mengusahakan banyak projek HTML5 baru-baru ini, dan banyak halaman akan dikongsi melalui SNS seperti WeChat dan Weibo. Sediakan muat turun APP syarikat pada halaman perkongsian. Walau bagaimanapun, dalam banyak penyemak imbas aplikasi, mengklik pautan muat turun tidak boleh memuat turun aplikasi. Kemudian untuk penyemak imbas ini, kami perlu menggesa pengguna untuk membuka halaman kongsi daripada Safari atau penyemak imbas sistem sendiri Melalui js, kami boleh menentukan pelayar mana halaman semasa dibuka.

Berikut ialah contoh kod Komen menunjukkan cara menggunakan JS untuk menentukan sama ada ia dibuka dalam penyemak imbas WeChat, sama ada ia berada dalam QQ Space Browser dan sama ada ia ada dalam Buka Sina Weibo . Sudah tentu, ia boleh dibuat lebih sempurna, dan pertimbangannya adalah sama ada ia dibuka pada peranti mudah alih atau pada PC penyemak imbas dibuka Anda boleh merujuk artikel ini untuk butiran lanjut Ia boleh dinilai bahawa ia dibuka dalam pelayar sistem Android atau Pelayar sistem IOS membuka .

if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
    var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        //在微信中打开
    }
    if (ua.match(/WeiBo/i) == "weibo") {
        //在新浪微博客户端打开
    }
    if (ua.match(/QQ/i) == "qq") {
        //在QQ空间打开
    }
    if (browser.versions.ios) {
        //是否在IOS浏览器打开
    } 
    if(browser.versions.android){
        //是否在安卓浏览器打开
    }
} else {
    //否则就是PC浏览器打开
}
Salin selepas log masuk
Lampirkan kod penyemak imbas dan anda boleh menentukan banyak penyemak imbas melalui kaedah berikut. Termasuk menilai pelayar IE, penyemak imbas Opera, Safari, Google Chrome, Firefox, dll.


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.*/), //是否为移动终端
      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, //是否为iPhone或者QQHD浏览器
      iPad: u.indexOf('iPad') > -1, //是否iPad
      webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
    };
  }(),
  language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
Salin selepas log masuk
Kaedah lain:

Saya menggunakan JS untuk menilai Selepas mencari maklumat, saya akhirnya mencapai kesan dan terus memasukkan kod


function is_weixn(){ 
  var ua = navigator.userAgent.toLowerCase(); 
  if(ua.match(/MicroMessenger/i)=="micromessenger") { 
    return true; 
  } else { 
    return false; 
  } 
} 
Salin selepas log masuk
Ujian itu lulus sepenuhnya, sama ada android, iPhone atau iPad Sudah tentu, selain menggunakan js untuk menilai, lebih mudah menggunakan bahasa lain untuk menilai, seperti PHP

.

function is_weixin(){ 
  if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) { 
      return true; 
  }  
  return false; 
} 
Salin selepas log masuk
Kaedah di atas adalah kaedah untuk berkongsi dengan anda cara menggunakan js untuk menentukan penyemak imbas yang hendak membuka halaman semasa saya harap ia akan membantu kajian anda.

Label berkaitan:
sumber:php.cn
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