移动端调试神器（eruda） 在日常的移动端开发时，一般都是试用chrome浏览器的移动端模式进行开发和调试，只有在chrome调试完成，没有问题了才会上到真机测试，移动端开发的一大问题就在于此， 各种品牌各种型号手机，手机中各种类型的浏览器APP........还好移动端的相对一致点，但是往往都会 ...
分类：
移动开发 时间：
2018-12-18 19:31:14
阅读次数：
273
移动端调试; （1）模拟手机调试； （2）真机调试之android手机+Chrome； （3）真机调试之iphone+safai； （4）UC浏览器； （5）微信内置浏览器调试； （6）调试工具debuggap； （7）抓包; 细节参考：https://segmentfault.com/a/1190 ...
分类：
移动开发 时间：
2018-12-10 17:56:36
阅读次数：
158
写在前面本文包括浏览器调试，不包括web移动端调试。本文调试均在chrome浏览器进行 alert 这个不用多说了，不言自明 console 基本输出 想必大家都在用console.log在控制台输出点东西，其实console还有其它的方法： console.log("打印字符串");//在控制台打 ...
分类：
其他好文 时间：
2018-09-05 20:03:39
阅读次数：
983
Weinre是单词缩写，全称是网页远程审查（Web Inspector Remote），发音同winery [?wa?n(?)ri]。可以在PC上调试运行在移动端上的页面。 weinre有5大功能 Element： 查看/修改dom，查看/修改 dom CSS Resources：查看/修改 loc ...
分类：
移动开发 时间：
2018-08-22 20:40:07
阅读次数：
231
通过CDN使用： <script src="//cdn.bootcss.com/eruda/1.4.2/eruda.min.js"></script> <script>eruda.init();</script> 通过npm安装： npm install eruda --save 在页面中加载脚本： ...
分类：
移动开发 时间：
2018-07-21 14:35:05
阅读次数：
246
Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。 在日常的移动端开发时，一般都是试用chrome浏览器的移动端模式进行开 ...
分类：
移动开发 时间：
2018-07-17 19:15:05
阅读次数：
261
前言 多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来. 使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS APP. 本文最大特点: webpack4 多页面 跨域Proxy代理 VConsole移动端调试,手机上的开发 ...
分类：
移动开发 时间：
2018-06-11 17:23:51
阅读次数：
524
rem原理与简介： 依据html根元素大小定，px转rem动态调整根元素font-size大小； 1rem = 16px; html的字体大小就是可以默认为浏览器的字体大小； 移动端适配：方式一 媒体查询@media @media screen and （max-width:320px）{ html... ...
分类：
移动开发 时间：
2018-03-19 18:11:02
阅读次数：
227
Chrome 内置抓包工具 Block requests 截取长图 代码的覆盖率分析 Make site better Chrome 内置抓包工具 在浏览器地址栏输入chrome://net-internals/#events，即可打开自带的抓包工具。工具处于live状态，其他tab 页有请求刷新， ...
分类：
其他好文 时间：
2017-10-11 13:03:45
阅读次数：
191
移动端调试困难 很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在移动端 ...
分类：
移动开发 时间：
2017-08-21 20:31:54
阅读次数：
477
