微信网页开发教学讲义.pptVIP

微信网页开发 董红岩 一、网页访问方式 草料二维码生成器 网址：http://cli.im 二、微信浏览器 1、内核类型 2、js判断内核 安卓版微信直接调用系统浏览器内核 ios版微信调用的是safari浏览器 navigator对象：提供用户所使用的浏览器以及操作系统等信息 navigator.userAgent：只读的字符串，声明浏览器用于 HTTP 请求的用户代理头的值 二、微信浏览器 iPhone 通过微信内置浏览器访问网页时得到 User Agent 是： Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1 Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1 Android 通过微信内置浏览器访问网页时得到 User Agent 是： 可以通过识别 MicroMessenger 来判断是否微信内置 二、微信浏览器 正则表达式：i是忽略大小写 ua.indexOf(micromessenger) 0,即可 三、适配、缩放 1、viewport适配 2、zoom缩放 meta name=viewport content=width=640 document.body.style.zoom = 2; http://tomastong.github.io/archive/2014/11/29/response-type/ 设置或检索对象的缩放比例 width 控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度 四、微信网页开发 四、微信网页开发 四、微信网页开发 五、移动端网页调试 firefox的firebug插件或chrome的f12调试 五、移动端网页调试 console标签： 主要使用javascript命令行操作，显示javascript错误信息。 html标签： 显示html源码css标签：浏览所有已经装入的样式表。 script标签： 显示javascript文件及其所在页面。 dom标签： 显示所有的页面对象和window物体的属性。 net标签： 显示本页面涉及的所有下载，以及它们各自花费的时间，各自的HTTP请求头信 息和服务器响应的头信息。