JavaScript判斷瀏覽器和hack滾動條的寫法
更新時間：2017年07月23日 14:26:31 投稿：mrr
這篇文章主要介紹了JavaScript判斷瀏覽器和hack滾動條的寫法,需要的朋友可以參考下
判斷各大瀏覽器內(nèi)核：
var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1; //判斷是否Opera瀏覽器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判斷是否IE瀏覽器
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判斷是否IE的Edge
var?isFF?=?userAgent.indexOf("Firefox")>-1 //判斷是否Firefox瀏覽器??
var?isSafari?=?userAgent.indexOf("Safari")>-1&&?userAgent.indexOf("Chrome")==-1; //判斷是否Safari瀏覽器??
var?isChrome?=?userAgent.indexOf("Chrome")>-1&&?userAgent.indexOf("Edge")==-1; //判斷Chrome瀏覽器?？
處理各個瀏覽器滾動條，以下是我隱藏公司項目中滾動條的寫法，僅供參考：
if(isFF){
console.log('火狐')
$('#parent').width((windowWidth -320)*(1.01749));
}else if(isChrome){
console.log('谷歌')
$('#parent').width((windowWidth -320)*(1.01749));
}else if(isIE){
console.log('ie10-ie5')
$('#parent').width((windowWidth -320)*(1.01720));
}else if(isEdge){
console.log('edge')
$('#parent').width((windowWidth -320)*(1.02224));
}else{
console.log('ie11和其他瀏覽器')
$('#parent').width((windowWidth -320)*(1.01816));
}
以上所述是小編給大家介紹的JavaScript判斷瀏覽器和hack滾動條的寫法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
這篇文章主要介紹了小程序云開發(fā)實戰(zhàn)小結(jié)，本文詳細的介紹了云開發(fā)以及環(huán)境的搭建和項目實踐，非常具有實用價值，需要的朋友可以參考下2018-10-10
JS彈出對話框返回值代碼，需要的朋友可以參考下。2010-12-12
基于JavaScript實現(xiàn)繼承機制之原型鏈(prototype chaining)的詳解
我們知道在JavaScript中定義類的原型方式，而原型鏈擴展了這種方式，以一種有趣的方式實現(xiàn)繼承機制。prototype 對象是個模板，要實例化的對象都以這個模板為基礎(chǔ)?？偠灾?，prototype 對象的任何屬性和方法都被傳遞給那個類的所有實例。原型鏈利用這種功能來實現(xiàn)繼承機制2013-05-05
Sample script that displays all of the users in a given SQL
Sample script that displays all of the users in a given SQL Server DB...2007-06-06
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)tab欄切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
讀取注冊表的鍵值的方法有很多，在本文將為大家詳細介紹下使用js如何實現(xiàn)注冊表的鍵值讀取，感興趣的朋友可以參考下2013-09-09
JavaScript 監(jiān)聽textarea中按鍵事件
不同的瀏覽器中的事件監(jiān)聽機制是不同的，以onKeyPress事件為例。2009-10-10
不錯的Javascript表格翻頁效果...2007-08-08
下面小編就為大家分享一篇原生JS實現(xiàn)ajax與ajax的跨域請求實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
使用watch在微信小程序中實現(xiàn)全局狀態(tài)共享
這篇文章主要給大家介紹了關(guān)于如何使用watch在小程序中實現(xiàn)全局狀態(tài)共享的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06