转自：http://yujiangshui.com/multidevice-frontend-debug/ 通过移动端使用 Web 服务的比率越来越大，例如淘宝今年双十一，移动端交易份额就达到 42.6%。由此可见，掌握移动端的前端开发和测试是非常有必要的。 由于之前做过大量有响应式需求的项目 ...

说明 由于移动端项目在手机中调试时不能使用chrome的控制台，而vconsole是对pc端console的改写 使用方法 使用 npm 安装： 使用webpack，然后js代码中: 或者找到这个模块下面的 dist/vconsole.min.js ，然后复制到自己的项目 ...

现在移动端开发越来越火，随之而来的问题也越来越多，今天给大家介绍一款移动端调试神器，vconsole。 一、先引用文件，可以从https://www.bootcdn.cn/vConsole/下载，也可以下载保存在本地，直接引用 　　 浏览器显示如下： 基本的一些用法 ...

---恢复内容开始--- 前言 在前端开发中，调试是不可缺少的环节，PC端很简单，但是随着移动端火起来，在手机上面测试就显得尤为重要。 在工作中本人也经过了一些测试，总结了如下几种方法。 1.Weinre 调试 2.UC开发者浏览器: 3.chrome真机调试 4.Safari ...

移动端前端开发真机调试攻略 有线调试： 一、IOS 移动端 （Safari开发者工具） 手机端：设置 → Safari → 高级 → Web 检查器 → 开。 mac端：Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单。 在 OS X 中启动 Safari 之后 ...

历时数周或数月开发出来了应用或游戏。可为什么体验不流畅？怎么能查出当中的纰漏？这些须要调试诊断工具从旁协助。调试是开发过程中不可缺少的重要一环。本文会列举几个比較有效的调试诊断工具，能够帮助你寻根究底。以最快的速度发现、解决Bug。 Runscope 这是一家专注于API工具 ...

使用 chrome://inspect/#devices，可以使安卓手机里的WebView也能和chrome一样审查元素，调试和测试移动端H5页面. 我使用的是三星S6 （该功能支持安卓系统4.4及以上机型）,电脑是win 7 系统，以下几步就可以轻松使用浏览器内置的功能调试移动端网页 ...

移动端浏览器现状 视口 meta视口标签 二倍图 移动端主流方案 移动端技术解决方案 移动端常见布局 1.流式布局(百分比布局) 2.flex布局 3.rem适配布局 　　　　1）rem单位　　　　2）媒体查询　　　　3）less ...