Laya Browser

Browser 是浏览器代理类,封装了浏览器及原生JavaScript提供的功能。

结构描述
Pakcagelaya.utils
ClassLaya.Browser
HierarchyBrowser
属性类型描述
Laya.Browser.canvasHTMLCanvas全局离线画布非主画布,用于测量字体,获取图片数据。
Laya.Browser.contextCanvasRenderingContext2D全局离线画布上绘图的环境,非主画布。
Laya.Browser.onAndroidboolean是否在Android设备内
Laya.Browser.onIOSboolean是否在iOS设备内
Laya.Browser.onIPadboolean是否在iPad设备内
Laya.Browser.onIPhoneboolean是否在iPhone设备内
Laya.Browser.onMacboolean是否在MAC设备
Laya.Browser.onPCboolean是否在PC端
Laya.Browser.onWPboolean是否在WindowsPhone设备内
Laya.Browser.onMobileboolean是否在移动设备,包括iOS和Android等设备。
Laya.Browser.onIEboolean是否在IE浏览器内
Laya.Browser.onSafariboolean是否在Safari浏览器内
Laya.Browser.onQQBrowserboolean是否在QQ浏览器内
Laya.Browser.onMQQBrowserboolean是否在移动端QQ或QQ浏览器内
Laya.Browser.onWeiXinboolean是否在微信内
Laya.Browser.onAlipayMiniGameboolean是否是阿里小游戏
Laya.Browser.onBDMiniGameboolean是否是百度小游戏
Laya.Browser.onKGMiniGameboolean是否是小米小游戏
Laya.Browser.onMiniGameboolean是否微信小游戏
Laya.Browser.onQGMiniGameboolean是否是OPPO小游戏
Laya.Browser.onQQMiniGameboolean是否是手机QQ小游戏
Laya.Browser.onVVMiniGameboolean是否是VIVO小游戏
Laya.Browser.supportLocalStorageboolean是否支持LocalStorage本地存储
Laya.Browser.supportWebAudioboolean是否支持WebAudio
Laya.Browser.userAgentstring浏览器代理信息
存取器描述
clientHeight浏览器窗口可视高度
clientWidth浏览器窗口可视宽度
height浏览器窗口物理高度,考虑了设备像素比。
width浏览器窗口物理宽度,考虑了设备像素比。
pixelRatio设备像素比
container画布容器,用来盛放画布的容器,方便对画布进行控制。
document浏览器原生document文档对象的引用
window浏览器原生window窗口对象引用

可视宽高

浏览器窗口的可视宽度clientWidth和高度clientHeight是通过分析浏览器信息获取的,通过浏览器多个属性值,根据优先级,如果前者为0或为空则选择后者。

优先级宽度 高度滚动条区域
1window.innerWidth / innerHeight包含窗口的文档显示区
2document.body.clientWidth / clientHeight不包含网页可见区域
3document.documentElement.clientWidth / clientHeight不包含窗口文档显示区域

设备像素比

早先的移动设备屏幕像素比较低,比如iPhone3的分辨率为320x480,一个像素等于一个屏幕物理像素。随着设备屏幕像素密度越来越高,从iPhone4开始,Apple推出Retina屏,分辨率变为640 x 960即提高了一倍,但屏幕尺寸却没有变化。这就意味着同样大小的屏幕上,像素却多出了一倍,也就是提高了devicePixelRatio 设备像素比。

LayaAir中 “物理分辨率 = 像素分辨率 * 设备像素比”

分辨率宽度高度
设备像素分辨率Laya.Browser.clientWidthLaya.Browser.clientHeight
设备物理分辨率Laya.Browser.widthLaya.Browser.height

默认从浏览器获取的clientWidth和clientHeight其实并非真正的像素分辨率,而是经过缩放过的分辨率。如果需要获取正确的分辨率,还需要在HTML页面内设置视口viewport。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
方法描述
Laya.Browser.createElement()创建浏览器原生节点
Laya.Browser.removeElement()移除指定浏览器原生节点对象
Laya.Browser.getElementById()获取Document文档对象中拥有指定ID的第一个对象的引用
Laya.Browser.now()获取浏览器当前时间戳单位毫秒
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值