浏览器功能
1.0 浏览器判断
如下代码判断是手机还是电脑访问的网站
function IsPC () {
var userAgentInfo = navigator.userAgent
var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
var flag = true
for (var i = 0; i < Agents.length; i++) {
if (userAgentInfo.indexOf(Agents[i]) > 0) {
flag = false
break
}
}
return flag
}
判断IE,微信,安卓
// ie浏览器
function isIE () {
var userAgent = navigator.userAgent
return userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 && !isOpera
}
// 微信浏览器
function isWeiChat () {
var userAgent = navigator.userAgent
return userAgent.toLowerCase().indexOf('micromessenger') > -1 // 微信浏览器
}
// 是否是安卓
function isAndroid () {
var userAgent = navigator.userAgent
return userAgent.indexOf('Android') > -1 || userAgent.indexOf('Adr') > -1
}
具体信息
function BrowserType () {
var userAgent = navigator.userAgent
var isOpera = userAgent.indexOf('Opera') > -1
var isIE = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 && !isOpera
var isEdge = userAgent.indexOf('Edge') > -1
var isFF = userAgent.indexOf('Firefox') > -1
var isSafari = userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') == -1
var isChrome = userAgent.indexOf('Chrome') > -1 && userAgent.indexOf('Safari') > -1
if (isIE) {
var reIE = new RegExp('MSIE (\\d+\\.\\d+);').test(userAgent)
var fIEVersion = parseFloat(RegExp['$1'])
if (fIEVersion === 7) {
return 'IE7'
} else if (fIEVersion === 8) {
return 'IE8'
} else if (fIEVersion === 9) {
return 'IE9'
} else if (fIEVersion === 10) {
return 'IE10'
} else if (fIEVersion === 11) {
return 'IE11'
} else {
return null //IE版本过低
}
if (isFF) {
return 'FF'
} else if (isOpera) {
return 'Opera'
} else if (isSafari) {
return 'Safari'
} else if (isChrome) {
return 'Chrome'
} else if (isEdge) {
return 'Edge'
}
}
1.1 复制黏贴
完成复制功能
// 复制
function copy () {
var input = document.getElementById('input')
input.select()
document.execCommand('Copy')
}
document.execCommand('SelectAll') // 打开
document.execCommand('SaveAs') // 另存为
document.execCommand('Print') // 打印
document.execCommand('Cut', 'false', null) // 剪切
1.2 页面宽高
用如下代码
document.body.clientWidth // 网页可见区域宽 document.body.clientHeight // 网页可见区域高 document.body.offsetWidth // 网页可见区域宽 (包括边线的宽) document.body.offsetHeight // 网页可见区域高 (包括边线的高) document.body.scrollWidth // 网页正文全文宽 document.body.scrollHeight // 网页正文全文高 document.body.scrollTop // 网页被卷去的高 document.body.scrollLeft // 网页被卷去的左 window.screenTop // 网页正文部分上 window.screenLeft // 网页正文部分左 window.screen.height // 屏幕分辨率的高 window.screen.width // 屏幕分辨率的宽 window.screen.availHeight // 屏幕可用工作区高度 window.screen.availWidth // 屏幕可用工作区宽度
1.3 cookie
js操作cookie
// 设置cookies
function setCookie (op) {
var key = op.key
var value = op.value
var time = op.time || 2 * 24 * 60 * 60 * 1000 // 默认2天
var url = op.url ? ';path=/;domain=.' + op.url : ''
var exp = new Date()
exp.setTime(exp.getTime() + time)
document.cookie = key + '=' + escape(value) + ';expires=' + exp.toGMTString() + url
}
// 获取cookies
function getCookie (key) {
if (typeof key === 'string') {
return getOne(key)
} else if (key instanceof Array) {
var cookie = {}
key.forEach(function (item) {
cookie[item] = getOne(item)
})
return cookie
}
function getOne (name) {
var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)')
var arr = document.cookie.match(reg)
if (arr) return unescape(arr[2])
return null
}
}
// 移除Cookie
function removeCookie (key) {
var exp = new Date()
exp.setTime(exp.getTime() - 1)
var value = getCookie(key)
if(value != null) document.cookie = key + "=" + value + ";expires=" + exp.toGMTString()
}
setTimeout(function(a){console.log(a)}, 2000, 'done');//done
//setTimeout用法，setTimeout(回调函数,时间,参数1,...,参数n)。