有些小伙伴们,在使用chrome的移动端调试工具调试网页的时候,会发现iphone6上的尺寸为375*667,不禁差异,iphone的分辨率不是750*1334吗? 实际上调试器上的大小单位不是px,而是pt(point) 这就得说到物理分辨率与逻辑分辨率 物理分辨率:屏幕的实际大小,小伙伴们可以尝 ...
分类:
其他好文 时间:
2017-08-20 19:45:23
阅读次数:
207
1.input placeholder问题 在chrome 模拟移动端调试时[左边图],显示的非常正常,但是在真机上[右边图],placeholder里面的内容明显靠上,非常的不美观 在国外网站,对这个属性的兼容性处理,那就是不要设计input的line-height或者设置line-height为 ...
分类:
移动开发 时间:
2017-07-27 18:17:53
阅读次数:
121
一、安装node环境 二、安装weinre 三、启动weinre服务:weinre --boundHost 本地ip地址 weinre默认端口号是8080,当然我们也可自己设置一个端口号:weinre --httpPort 8081 --boundHost 本机IP,启动后打开浏览器访问如图 四、添 ...
分类:
移动开发 时间:
2017-06-07 16:19:14
阅读次数:
178
移动端开发时,我们常使用chrome自带的模拟器,模拟各种手机设备。 但模拟毕竟是模拟,当开发完毕,使用真机访问页面出现问题时如何调试呢? 下面介绍一种针对Android机的调试方法 1. 在pc和android手机上都安装最新版本的chrome 2. 使用usb将手机的PC相连接 3. 手机中打开 ...
分类:
移动开发 时间:
2017-04-22 18:49:35
阅读次数:
239
1 开启iOS设备的调试功能 打开“设置”程序,进入“Safari”->“高级”页面开启“Web检查器”: 2 mac safari浏览器设置开发者工具 safari ->偏好设置 -> 高级 ->勾选在在菜单栏中显示开发菜单 3 链接USB线,在手机端发送url请求,并在mac Safari中加载 ...
分类:
移动开发 时间:
2017-04-22 18:49:20
阅读次数:
227
Pure 详细参见: 中文文档:http://leeluolee.github.io/2014/10/24/use-puer-helpus-developer-frontend/ 源码:https://github.com/leeluolee/puer 微信环境调试方案 微信开发者工具现在不能用了, ...
分类:
微信 时间:
2017-04-22 18:47:56
阅读次数:
324
朋友们,是不是在进行前端开发的时候经常需要修改css和js代码呢? 调试代码时。代码存储库不断被修改?同一个脚本样式文件n多人操作?移动端调试时需要各种清理缓存…… 这些问题将会带来各种各样对前端开发的不便。因此需要有一种本地化开发的方法:本地直接进行修改调试代码,然后直接在PC端或移动端测试运行。 ...
分类:
其他好文 时间:
2016-11-14 01:57:46
阅读次数:
145
这么就改善了上述的缺点,虽然可能也会有其他不足的地方,但目前来说,应付一般的移动端调试,应该足够了。言归正传,对这11个传感器有所了解后,我们需要选择哪个或哪些传感器来实现功能呢,我们来模拟一下手机敲击的情况,将手机平放在桌面上,手指敲击手机的时候,手指给了手机一个力,同时桌面给予手机一个反作用力,... ...
分类:
其他好文 时间:
2016-09-18 15:00:35
阅读次数:
1134
上次介绍了一款DebugGap移动端调试工具DebugGap推荐。但是这几天使用了之后感觉还是有些不足,尤其是里面的调试工具虽然和Chrome里面的调试长的很像,但是多少有些不同,使用起来还是不太方便的,看到一位仁兄介绍的BrowserSync,于是看看了,感觉还行吧。它主要是用来同步更新的,比如文 ...
分类:
其他好文 时间:
2016-09-18 13:13:36
阅读次数:
137
因为现在项目大部分都是在写移动端,但是调试起来实在是不方便,虽然可以用chrome来模拟手机端,但实际上差别还是有点大的,最近找到了一款比较不错的调试工具,这里分享一下了,虽然网上已经有分享过了,但还是想自己写写,反正自己写着高兴就行。 这款工具叫:DebugGap 首先到官网下载程序 http:/ ...
分类:
移动开发 时间:
2016-09-09 16:56:53
阅读次数:
333