一:什么是Viewport? 1. viewport 是用户网页的可视区域。 2. viewport中文翻译为“视区” 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览 ...
分类:
其他好文 时间:
2017-12-03 13:03:56
阅读次数:
186
问题如下图所示: 一般处理此类问题都会有一个属性:”event.preventDefault()”,但是如果直接使用会导致页面的内部滚动也失效导致不能滚动,我所处理的方式也与其类似。 因为滑动区域是向走的,所以滑动块的顶部到浏览器顶部的距离最大为0(其余为负值[$('#bodycthead').of ...
分类:
移动开发 时间:
2017-12-02 19:03:26
阅读次数:
226
1、像素和物理像素 iphone5:320*568px(像素)=》640*1136px(物理像素) 2、viewport 手机浏览器默认为我们做了两件事情 1)页面渲染在一个980px(ios)的viewport:为了排版正确 2)缩放 3、Meta标签 不使用默认的viewport <meta n ...
分类:
移动开发 时间:
2017-12-02 11:07:16
阅读次数:
174
fiddler配置 1. Tools fiddler options 安装证书 最后一步在手机端代理本地服务器,用手机浏览器访问, 安装fiddler root证书, 代理服务器+端口号 遇到问题整理 问题一: UC浏览器代理不上 解决方案: UC设置关闭广告过滤、极速流量设置和云加速 ...
分类:
Web程序 时间:
2017-11-30 15:06:48
阅读次数:
181
1.spy-debugger 一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybirdApp等)。支持HTTP/HTTPS,无需USB连接设备 windows npm install spy-debugger -g mac sudo npm inst ...
分类:
微信 时间:
2017-11-28 19:43:57
阅读次数:
306
一. viewport 什么是viewport 简单来讲,viewport就是浏览器上,用来显示网页的那一部分区域了,也就是说,浏览器的实际宽度,是和我们手机的宽度不一样的,无论你的手机宽度是320px,还是640px,在手机浏览器内部的宽度,始终会是浏览器本身的viewport。如今的浏览器,都会 ...
分类:
移动开发 时间:
2017-11-22 13:10:57
阅读次数:
152
1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了48032 ...
分类:
移动开发 时间:
2017-11-14 18:33:03
阅读次数:
375
1.打开安装的开发者模式(百度各自平台如何打开开发者模式) 2.在谷歌浏览器中输入 chrome://inspect/#devices ...
分类:
移动开发 时间:
2017-11-14 16:22:34
阅读次数:
156
首先在商户平台通开H5支付功能,然后帮后绑定,支付完成之后需要跳转的地址,开通之后就可以开发H5支付; 首先是签名,卧槽,说到这个就想骂人, 官方文档的解说;文科生哪能看得懂什么是集合; 下面就来签名: 将上面的###替换成你们的参数;太敏感就不贴出来了 然后就是发送xml数据请求接口; 其中要注意 ...
分类:
微信 时间:
2017-11-04 16:13:28
阅读次数:
450
angular支持大部分浏览器。有些浏览器不支持。比较重要的就是安卓手机浏览器。 我们可以通过index页面中加载polyfills来加以弥补。这些脚本实现了浏览器缺失的 JavaScript 特性。 我们可以把core.js文件下地shim文件加在header中,这样就可以运行angular应用。 ...
分类:
其他好文 时间:
2017-10-26 13:33:34
阅读次数:
201