前端调试利器---nproxy

前言:习惯了在windows环境中使用Fiddler的童鞋们,是不是感觉它的网络重定向功能很酷,Fiddler能按照你设置的规制捕获网络请求,再指向本地文件,如拦截你的js文件到本地,就能很快的调试线上环境(如后台环境,测试环境,预上线环境等).但是Fiddler的使用对于初学者来说还是稍有困难的,界面功能很多,导致新手无从下手.(我当初就是这样的),并且Fiddler虽然有Mac版本,但是问题很多,我试了好几次都不行. 正文:今天给大家介绍一款新的神器,nproxy.它能通吃windows,l…

前端调试利器——BrowserSync

此处记录一下踩过的坑之前看的这个地址:http://www.browsersync.cn/ 也就是 BrowserSync的官网上面关于代理服务器的例子不管怎么试都不行请看下例子 browser-sync start --proxy "主机名" "css/*.css"而实际上不管怎么试都不行在git bash here 和cmd 中试了一下结果是都不行,具体情况是可以将本地服务器的地址代理到localhost:3000或者localhost:3001但是一直不能…

10分钟学会前端调试利器——FireBug

概述 FireBug是一个用于网站前端开发的工具,它是FireFox浏览器的一个扩展插件.它可以用于调试JavaScript.查看DOM.分析CSS.监控网络流量以及进行Ajax交互等.它提供了几乎前端开发需要的全部功能.官方网站:www.getfirebug.com 如何获取Firebug? 因为它是Firefox浏览器的一个扩展插件,所以首先需要下载Firefox浏览器.读者可以访问www.mozilla.com下载并安装Firefox浏览器.安装完成后用它访问https://addons.…

前端调试利器 - Charles

Docs 开发之 Charles 配置指南 1.下载与安装 charles-proxy-4.1.4 .dmg56.12 MB已存到云盘下载 2.激活使用公司正版license 激活安装证书点击证书并选择「始终信任」 (证书不被信任可能会导致网站开发时部分资源文件无法加载.) 设置代理将你需要代理HTTPS的网站添加进去: 本地调试如果你想代理bear-test 到本地, 你需要: 点击Map Remote: 添加你需要的设置: 这里提供一个基础配置: bear-test_example…

前端开发利器—FIDDLER 转

http://www.cnblogs.com/yuzhongwusan/archive/2012/07/20/2601306.html 前端开发利器—FIDDLER 1.Fiddler相对其他调试工具的优势 HttpWatch 和 Firebug绝大多数前端开发人员都比较熟悉,但是HttpWatch虽然可以抓到每个 HTTP 请求的全部数据,但无法修改返回的数据:尽管Firebug可以修改 HTML和CSS,但是在调试CGI接口时无法干预HTTP请求的参数值和CGI返回的数据.而 Fiddler…

Reveal1.5破解,iOS_UI调试利器Reveal最新版本破解方法

Reveal1.0.7破解 1.官网下载最新版Reveal,拖动应用程序中,运行一次2.下载16进制编辑器"0xED" for mac(http://dl.vmall.com/c0kjm4b8fu)3.使用"0xED"打开文件"Macintosh HD ▸ 应用程序 ▸ Reveal ▸ Contents ▸ MacOS ▸ Reveal"4."0xED"菜单栏的Edit 中,Number mode 选择 Hex5.搜索tex…

Windows GUI代码与Windows消息问题调试利器

Windows GUI代码与Windows消息问题调试利器记得很久前有这么一种说法: 人类区别于动物的标准就是工具的使用.同样在软件开发这个行业里面,对于工具的使用也是高手和入门级选手的主要区别,高手往往靠工具的使用在关键的时候打开局面,在适当的时候使用适当的工具就往往可以事半功倍. 首先让我们来讨论如下两个简单的问题. 1. 如果你写的一个软件出了一个问题,这个问题只有在关闭程序的时候出现,你怎么调试呢?2. 如果你写的一个软件出了一个问题,这个问题只有在关闭机器的时候出现,你怎么调试呢?3…

手机H5 web调试利器——WEINRE (WEb INspector REmote)

手机H5 web调试利器--WEINRE (WEb INspector REmote) 调试移动端页面,优先选择使用chrome浏览器调试,如果是hybrid形式的页面,可以使用chrome提供的chrome://inspect/#devices 安卓真机调试,不过这个要求比较高: 首先,你的 Chrome 版本必须高于 32 其次你的测试机 Android 系统高于 4.0, 再其次,测试机安装 Chrome for Android 才可以使用 Chrome 远程调试这项功能, 最后, 手机需…

Javascript 调试利器 Firebug使用详解

Javascript 调试利器 Firebug使用详解有时候,为了更清楚方便的查看输出信息,我们可能需要将一些调试信息进行分组输出,那么可以使用console.group来对信息进行分组,在组信息输出完成后用console.groupEnd结束分组. 我们测试一下把刚才的4个输出作为一个分组输出,修改代码为: 复制代码代码如下: console.group('开始分组:'); console.debug('This is console.debug!'); console.info('Thi…

前端构建利器Grunt—Bower

runt + Bower—前端构建利器目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行数据交互. 对于后端服务语言来说,不论是Ruby的rack,Java中的Maven或Gradle,或是Scala中的SBT,他们都能够提供编译运行.运行测试.打包部署.依赖管理等功能.再加上强大的插件系统,让它可以插拔式的使用很多强大的功能,像数据迁移工具(l…

仿async/await（一）and Gulp：新一代前端构建利器

NET 4.5的async/await真是个神奇的东西,巧妙异常以致我不禁对其实现充满好奇,但一直难以窥探其门径.不意间读了此篇强文<Asynchronous Programming in C# using Iterators>,犹如醍醐灌顶,茅厕顿开,思路犹如尿崩.美玉不敢独享,故写此篇,将所学中一些思考与诸君共享,期抛砖引玉,擦出一些基情火花…… 强文<Asynchronous Programming in C# using Iterators>出自大牛,大牛眼界高远.故文中所…

linux-c/c++调试利器gdb、ddd小试

linux-c/c++调试利器gdb.ddd小试原文链接: http://deepfuture.iteye.com/blog/749148 博客分类: C++/C/lisp CC++C#LinuxUbuntu 一.gdb,在shell窗口调试 main.c内容: main.c #include <stdio.h> int main() { int y=0; for (int i=0;i<10;i++){ y+=i; } return 0; } 深未来技术原创文章,如转载,请注明来源h…

【测试工具】http协议调试利器fiddler使用教程

转自:http协议调试利器fiddler使用教程http://bbs.phpchina.com/thread-207418-1-1.html Fiddler真乃神器!它和市面上常见的很多web调试器.http调试器.sniffer都不同!它的原理是在浏览器(或者其他使用http协议的进程)和服务器之间做代理角色,这样所有的通信都要经过它,尽管sniffer和这个原理是一样的,但他们工作的网络层不同. 看上图,你就明白原理了咯,它以8888端口(多么吉利的数字呀!)开本地代理服务器,并且支持htt…

【转】手机web前端调试页面的几种方式

前言 PC端web页面调试比较容易,这里主要说几种移动端调试的方法,从简单到复杂.从模拟调试到远程调试,大概分为几部分: 1.Chrome DevTools(谷歌浏览器)的模拟手机调试 2.weinre(web inspector remote)远程调试工具 3.微信的“web开发者工具”,集成了Chrome DevTools和weinre,做的比较好 4.Chrome DevTools远程调试Android和iOS页面 5.Eruda——手机网页前端调试面板阅读说明本文不是小白文,需要一定…

ipad/iphone中的前端调试

需要在ipad上调试代码, 经过一番搜索(多在google搜到的), 稍微整理下 : ). 1. Settings -> Safari -> Advanced/Developer -> Debug Console 最容易搜到的就是这个, 在桌面选择"设置", 找到"Safari", 点"高级/开发者", 据说下面会有个"调试控制台(debug console)"按钮, 但是我死活没能找到, 可能是safari…

手机web前端调试页面的几种方式

dubbo服务接口开发者必备调试利器，你值得拥有

dubbo服务接口开发者必备调试利器,你值得拥有学习了:https://my.oschina.net/vboxtop/blog/1524290 找到了:http://www.vbox.top/?from=oschina…

gdb 调试利器

1. gdb 调试利器 GDB是一个由GNU开源组织公布的.UNIX/LINUX操作系统下的.基于命令行的.功能强大的程序调试工具.对于一名Linux下工作的c++程序猿,gdb是不可缺少的工具: 1.1. 启动gdb 对C/C++程序的调试.须要在编译前就加上-g选项: $g++ -g hello.cpp -o hello 调试可运行文件: $gdb <program> program也就是你的运行文件.一般在当前文件夹下. 调试core文件(core是程序非法运行后core dump后产生…

Fiddler(Web/HTTP调试利器)

简述 Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的"进出"Fiddler的数据(指cookie.html.js.css等文件,这些都可以让你胡乱修改的意思).Fiddler要比其他的网络调试器要更加简单,因为它不仅仅暴露http通讯还提供了一个用户友好的格式. 简述介绍工作原理同类产品使用简介更多参考介绍 Fiddler是用C#写的,它包含一个简单却功能强大的基于JScript .NET事件脚本子…

前端调试代码 chrom 和火狐禁用缓存 Disabled cache

前端调试的时候经常遇到缓存问题, chrome : f12 ---> 找到 Disabled caceh 勾上火狐: f12 找到禁用缓存…

Twitter Bootstrap：前端框架利器

Bootstrap 的文件结构读者可以直接从 GitHub 下载到 Bootstrap 源码,本地解压后可以看到这样的目录结构:docs.img.jquery-ui- bootstrap.js 和 less.其中最为重要的是“docs”下的 CSS 样式文件,“less”中的编译文件和“js”下的 jQuery 插件. Bootstrap 的安装关于如何应用提取出来的文件大致有两步:第一是如何安装 Bootstrap 的基本样式,第二是如何调用 Bootstrap 的 jQuery 插件,我…

【远程文件浏览器】Unity+Lua开发调试利器

Remote File Explorer是一个跨平台的远程文件浏览器,用户通过Unity Editor就能操作运行在手机上的游戏或是应用的的目录文件.比如当项目打包运行到设备上时,可通过Remote File Explorer直接浏览设备上的目录文件,并进行下载,上传,删除等操作.尤其是Unity+Lua开发环境下的调试利器,当然,这里的调试不是指代码的逐行调试,而是泛指定位排查问题用武之地在很多场景下利用Remote File Explorer都可以极大的提高开发调试效率.例如: 应用真机…

手机前端开发调试利器 – vConsole

我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log: (2) 上线后,某用户表示页面失灵,但我们自己又重现不出来,看不到用户侧的出错信息. 如果说(1)还可以通过电脑连接手机以查看log来解决,那(2)在没有完善的前端上报体系时就非常被动了. 作为开发者,我们的诉求很简单:有没有快捷的方法在手机前端页面看到log日志? 答案是肯定的. vConsole:一个轻量.可拓展.针对手机网页的前端开发者调…