测试手机:小米5
现象:手机页面加载地图,双手操作放大,APP卡死,APP卡住后,点击物理返回键是能返回的,但页面全部不能点击。
页面代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="css/mui.min.css">
<title></title>
</head>
<body>
<div class="mui-content mui-scroll-wrapper">
<div id="allmap" class="mui-scroll" style="width: 100%;height: 500px;"></div>
</div>
</body>
<script type="text/javascript" src="http://map.qq.com/api/js?v=2.exp" ></script>
</html>
<script type="text/javascript">
initMap() ;
function initMap()
{
var longitude = 106.550337 ;
var latitude = 29.494741 ;
window.map = new qq.maps.Map(document.getElementById("allmap"), {
center: new qq.maps.LatLng(latitude,longitude),
zoom:14
});
}
</script>
控制台的日志:
正在建立手机连接...
正在同步手机端程序文件...
44 KB/s (4475 bytes in 0.097s)
正在启动HBuilder调试基座...
应用mui已启动...
A parser-blocking, cross site (i.e. different eTLD+1) script, http://open.map.qq.com/apifiles/2/4/82/main.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details. at http://map.qq.com/api/js?v=2.exp:9
A parser-blocking, cross site (i.e. different eTLD+1) script, http://open.map.qq.com/apifiles/2/4/82/main.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details. at http://map.qq.com/api/js?v=2.exp:9
Ignored attempt to cancel a touchcancel event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
各位,帮忙看看怎么解决?谢谢!
发现用Hello H5+这个例子APP里的Map页面,放大太快的时候,也会卡住,不知道什么原因了