首页 > 代码库 > 做webapp 使用JS来检测游览器是什么类型,或android是什么版本号

做webapp 使用JS来检测游览器是什么类型,或android是什么版本号

此文转自我的www.gbtags.com社区的文章。

做webapp还是微信游戏,特别是canvas,android上不同机器不同版本区别还是很大的。其实,我今天写了这个js,主要是来做js判断游览器类型,特别使用在android的和widnows phone上的

  1. var brower = {
  2. versions:function(){
  3. var u = window.navigator.userAgent;
  4. var num ;
  5. if(u.indexOf(‘Trident‘) > -1){
  6. //IE
  7. return "IE";
  8. }else if(u.indexOf(‘Presto‘) > -1){
  9. //opera
  10. return "Opera";
  11. }else if(u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1){
  12. //firefox
  13. return "Firefox";
  14. }else if(u.indexOf(‘AppleWebKit‘ && u.indexOf(‘Safari‘) > -1) > -1){
  15. //苹果、谷歌内核
  16. if(u.indexOf(‘Chrome‘) > -1){
  17. //chrome
  18. return "Chrome";
  19. }else if(u.indexOf(‘OPR‘)){
  20. //webkit Opera
  21. return "Opera_webkit"
  22. }else{
  23. //Safari
  24. return "Safari";
  25. }
  26. }else if(u.indexOf(‘Mobile‘) > -1){
  27. //移动端
  28. if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){
  29. //ios
  30. if(u.indexOf(‘iPhone‘) > -1){
  31. //iphone
  32. return "iPhone"
  33. }else if(u.indexOf(‘iPod‘) > -1){
  34. //ipod
  35. return "iPod"
  36. }else if(u.indexOf(‘iPad‘) > -1){
  37. //ipad
  38. return "iPad"
  39. }
  40. }else if(u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1){
  41. //android
  42. num = u.substr(u.indexOf(‘Android‘) + 8, 3);
  43. return {"type":"Android", "version": num};
  44. }else if(u.indexOf(‘BB10‘) > -1 ){
  45. //黑莓bb10系统
  46. return "BB10";
  47. }else if(u.indexOf(‘IEMobile‘)){
  48. //windows phone
  49. return "Windows Phone"
  50. }
  51. }
  52. }
  53. }

 接下来调用下

  1. brower.versions()

 如果console.log()打印出来就是知道游览器类别了,android的话,会打印出版本号,这个主要来做不同android的兼容性。