做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的兼容性。

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

时间: 2024-08-05 10:20:26

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

如何使用JS来检测游览器是什么类型,或android是什么版本号- 转载

var brower = { versions:function(){ var u = window.navigator.userAgent; var num ; if(u.indexOf('Trident') > -1){ //IE return "IE"; }else if(u.indexOf('Presto') > -1){ //opera return "Opera"; }else if(u.indexOf('Gecko') > -1 &a

js判断游览器是移动端还是PC端

js判断网页游览器是移动端还是PC端 1 <script type="text/javascript"> 2 function browserRedirect() { 3 var sUserAgent = navigator.userAgent.toLowerCase(); 4 var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; 5 var bIsIphoneOs = sUserAgent.match(/

游览器对js加载的次序

直接看例子 <body> <script> console.log("first"); var script = document.createElement("script"); script.src = "js/test.js"; document.body.appendChild(script); //document.getElementsByTagName("head")[0].appendC

游览器渲染浅析

前提知识 游览器构成 游览器内核 游览器内核也称渲染引擎,主要有3种: Trident内核: IE Webkit内核:Chrome,Safari Gecko内核:FireFox 解析前的工作 DNS域名解析 建立TCP连接 发送HTTP请求 服务器处理请求 返回响应结果 关闭TCP连接 浏览器解析 关键渲染路径 浏览器从最初接收请求来的HTML.CSS.javascript等资源,然后解析.构建树.渲染布局.绘制,最后呈现给客户能看到的界面这整个过程--简单来说,就是对游览器渲染过程的描述. 渲

谷歌游览器对&lt;input type=&#39;file&#39;&gt; change只能响应1次解决和样式的改变

在项目过程中遇到的需要上传本地文件,file的原始控件不太美观,但是这个控件和button有点不太一样, 改变这个样式的思路就是在控件外面套一层链接,然后把file控件的透明度设置为0(透明).样式只需要对外面那层进行操作就行. html代码: <td style="text-align: left;"> <a href="javascript:;" class="file">选择文件 <input type=&qu

纯CSS无hacks的跨游览器多列布局

利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全游览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证. 问题的症结所在 如上图所示,由于各列的内容不一致导致其背景的高度也不统一.而背景实质上是内容(标准的盒子模型是由内容区,补白区,边框区与边界区组成,背景存在于前三者中:IE为前两者)的自适应的问题.再转化一下,如何撑大那些较短的列的高度,让所有列的高度等于最高的列的高度?这个,的确很

游览器保存密码和自动填充密码的困惑 (browser save password and auto fill password )

原文 refer : http://www.cnblogs.com/happyfreelife/p/4240100.html 当一个带有username and password 的表单被提交, 游览器会智能的询问用户是否要保存密码. 如果开发人员不希望这“智能”的事儿,可以使用ajax去提交表单,这样游览器就不会“智能”了. “ 当允许浏览器保存该网站的密码之后,下次打开该网站的任何一个页面时,浏览器会自动检测该页面是否有 password元素 ,如果有或者有多个,则自动填充对应的上次已保存的

用javascript做一款属于自己的播放器

用js可以做播放器?你没有看错,javascript结合html5是完全可以实现一款个性化的视频播放器的.在项目早些时候 我们是通过phoneGap提供的插件实现的视频播放,但是有一个问题,我们的项目是一个单页应用,翻页的时候,实际 上是用translateX的位移模拟手机上的滑动翻页效果的,而用phoneGap提供的视频播放器,它的层级是我们的前端代码 无法控制的,也就是说,页面滑动的时候,视频没有跟着一起动,感觉就是脱离了页面.后来我们大胆的采用html5的video 来实现播放.因为vid

获取当前游览器名称以及版本 以及富文本编辑器 时候 光标高度问题

function getBrowserInfo() { var agent = navigator.userAgent.toLowerCase(); var regStr_ie = /msie [\d.]+;/gi; var regStr_ff = /firefox\/[\d.]+/gi var regStr_chrome = /chrome\/[\d.]+/gi; var regStr_saf = /safari\/[\d.]+/gi; //IE if (agent.indexOf("msie