js判斷瀏覽器是否支援webGL

起因是我之前開發的網頁，用到了three.js製作了乙個3d的旋轉球體效果。

在各種瀏覽器上執行都沒問題，在ie上也做了相容**。

但是今天接**，老闆說你這網頁在xp上不顯示啊。ie上好使。google瀏覽器不好使。

於是開始解決問題，不禁陷入了沉思。what?網頁顯示難道還與作業系統有關？google竟然不好使？

於是搭建乙個xp虛擬機器。

驚奇的發現並不能安裝最新版本的chrome。

哦？一定是xp上安裝的低版本chrome而那時候的chrome還不支援webgl。這個坑啊。

於是機智的我打算獲取谷歌版本，低版本的話不執行那段js。於是如下**：

function

getchromeversion() 
if(chromeversion) 
else
}

這個可以返回谷歌瀏覽器的前兩個號碼。由此判斷低版本，49為支援xp的最高版本。

本想美滋滋解決。又想起。我也不確定50以上全支援啊！！！

於是繼續搞起，找乙個讓瀏覽器自己判斷是否支援webgl的東西。

於是如下;

var detector = 

catch
(e) 
})(),
workers: !!window.worker,
fileapi: window.file && window.filereader && window.filelist &&window.blob,
getwebglerrormessage: 
function
()         
return
element;
},addgetwebglmessage: 
function
(parameters) ;
parent = parameters.parent !== undefined ?parameters.parent : document.body;
id = parameters.id !== undefined ? parameters.id : 'oldie';
element =detector.getwebglerrormessage();
element.id =id;
}};if(typeof module === 'object')

通過呼叫detector.webgl，如果返回true為支援，false為不支援。

至此將three.js的**放入其中，即可由瀏覽器自己判斷是否支援。如果支援就執行。不支援就不執行。

完美~。

判斷瀏覽器是否支援placeholder屬性

判斷瀏覽器是否支援placeholder屬性 function issupportplaceholder 如果支援，返回true，否認在false 運用 如果不支援placeholder，用jquery來完成 if issupportplaceholder 對password框的特殊處理 1.建立乙...

判斷瀏覽器是否支援webp

判斷瀏覽器是否支援webp格式 var issupportwebp map document.createelement canvas todataurl image webp indexof data image webp 0 返回true或false true為支援，false不支援 map主要...

js 判斷瀏覽器是否IE瀏覽器

蒐羅各種方法來判斷瀏覽器是否為ie瀏覽器 1.最簡單的 來自 if 1,侷限 本判斷方法經過判斷在ie7 ie8 ie8相容模式 在ie9 ie10 ie11 不起作用 解釋 alert 1,2 相當於alert 1,2 tostring 這在ie與非ie上都相同，都會彈出 1,2 alert 1,...