个人推荐使用:vConsole 1. vConsole 推荐指数:★★★☆☆ 腾讯出品的 Web 调试面板,相信不少前端小伙伴都用过。vConsole 会在你网页中加一个悬浮的小按钮,可以点击它来打开关闭调试面板,并查看 DOM、Console、Network和 本地存储 等信息。基本可以满足 ...
转自:http: yujiangshui.com multidevice frontend debug 通过移动端使用 Web 服务的比率越来越大,例如淘宝今年双十一,移动端交易份额就达到 . 。由此可见,掌握移动端的前端开发和测试是非常有必要的。 由于之前做过大量有响应式需求的项目 今年 年初也配合 Denis 的微信机器人做了一些用于微信的移动端项目 在淘宝 UED 实习的时候,也有参与过一个 ...
2015-08-16 22:09 0 9358 推荐指数:
个人推荐使用:vConsole 1. vConsole 推荐指数:★★★☆☆ 腾讯出品的 Web 调试面板,相信不少前端小伙伴都用过。vConsole 会在你网页中加一个悬浮的小按钮,可以点击它来打开关闭调试面板,并查看 DOM、Console、Network和 本地存储 等信息。基本可以满足 ...
移动端前端开发真机调试攻略 有线调试: 一、IOS 移动端 (Safari开发者工具) 手机端:设置 → Safari → 高级 → Web 检查器 → 开。 mac端:Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单。 在 OS X 中启动 Safari 之后 ...
---恢复内容开始--- 前言 在前端开发中,调试是不可缺少的环节,PC端很简单,但是随着移动端火起来,在手机上面测试就显得尤为重要。 在工作中本人也经过了一些测试,总结了如下几种方法。 1.Weinre 调试 2.UC开发者浏览器: 3.chrome真机调试 4.Safari ...
移动端浏览器现状 视口 meta视口标签 二倍图 移动端主流方案 移动端技术解决方案 移动端常见布局 1.流式布局(百分比布局) 2.flex布局 3.rem适配布局 1)rem单位 2)媒体查询 3)less ...
1、兼容性 pc端需要考虑浏览器兼容性,移动端主要考虑屏幕分辨率和不同系统的兼容性。 2、页面布局 PC端常用布局固定宽度980px居中,移动端屏幕的大小和分辨率不同,多用响应式布局,使用em(以父元素为基础)、rem(以根元素为基础)。 3、JS动画 移动端没有hover事件、增加了 ...
1、pc端有ie,chrome,ff 内核兼容问题移动端,简单来说兼容问题相对较少。但是移动端要做好多分辨率的处理。移动端所有图片和所有html标签的尺寸都要减半。 2、移动端在布局跟js效果方面,与PC端有什么不同:先说布局方面:PC端最常用的就是固定宽度980px(也有 ...
前言:博主翻山越岭,找了很久的 真机调试, 从老古董,weinre,到微信开发者工具,到最后的browser-sync,最后这个工具 真的是眼前一亮~ [本篇博客默认你已会使用gulp,npm~并且环境已经搭好] 1.npm init 找到目录中 ...
市面上有大量的SPA框架,如AngularJs, backbone, Knockout等,对于追求极致小得移动端来说, 都比较大,重! 正在苦恼的时候,我们的wikieswan解决了这一问题。github地址:vipspa 使用方法非常的简单: View ...