uc浏览器

大家好： 最近我在做功能修改的时候经常会遇到手机页面的样式以及手机页面特 效方面的各种问题，但是在电脑上又不能直接看到需要调试的js和相关的css，觉得比较头疼，最近发现两个比较好用的工 具推荐给大家，有兴趣的可以试试。 第一款试试uc浏览器的远程调试，现附上文档 （developer.doc)，我就不一一解释了。 现将唯一要说明的一点是（一下内容仅以安卓系统和windows系列为例) adb的安装 1.adb一定要选择最新版本的否则在使用的时候会提示已经过期，下载安卓sdk（ http://developer.android.com/sdk/index.html ） 管理器。使用sdkmanager首先更新最近的platform-tools 2.将更新好的 platform-tools中的文件（如下图) 拷贝到 C:\Windows\System32文件夹中 3.打开命令行 安装adb 输入命令 adb 如果adb安装成功则会显示它的版本号 4.如果此时你用的是 uc浏览器直接按照说明来继续下去就可以了如果使用的是firefox请继续按照以下步骤操作 5.下载最 新版本的firefox 电脑版本 以及 在手机上下载 Firefox for Android 6.在PC端 对firefox进行设置 在地址栏中输入 about:config 出现提示页面点击我保证我会小心 7

做移动端的Web也有一段时间了，踩过的坑真心不少。 下面列出一些，移动端浏览器兼容性的Bug，供大家参考。 【UC浏览器】video标签脱离文档流 场景：<video>标签的父元素(祖辈元素)设置transform样式后，<video>标签会脱离文档流。 测试环境：UC浏览器 8.7/8.6 + Android 2.3/4.0 。 Demo：http://t.cn/zj3xiyu 解决方案：不使用transform属性。translate用top、margin等属性替代。 【UC浏览器】video标签总在最前 场景：<video>标签总是在最前（可以理解为video标签的z-index属性是Max）。 测试环境：UC浏览器 8.7/8.6 + Android 2.3/4.0 。 【UC浏览器】position:fixed 属性在UC浏览器的奇葩现象 场景：设置了position: fixed 的元素会遮挡z-index值更高的同辈元素。 在8.6的版本,这个情况直接出现。 在8.7之后的版本,当同辈元素的height大于713这个「神奇」的数值时,才会被遮挡。 测试环境：UC浏览器 8.8_beta/8.7/8.6 + Android 2.3/4.0 。 Demo：http://t.cn/zYLTSg6 【QQ手机浏览器】不支持HttpOnly 场景