随笔分类 - 工具
前端的工具
Fiddler抓包【7】_次要功能和第三方插件
摘要:1、替换HTTP Request Host 应用场景:进行开发时,线上去测试跳转调试 替换命令:urlreplace news.baidu.com www.baidu.com; 清除命令:urlreplace,需要同时清除浏览器缓存; 永久替代:Script脚本实现 2、配置Host 应用场景:线下
阅读全文
Fiddler抓包【6】_Fiddler Script
摘要:1、安装SyntaxView插件 使用Fiddler Script前需要安装SyntaxView插件: 方式1:Inspectors tab >Get SyntaxView tab >Download and Install SytaxView Now… 方式2:http://getfiddler.
阅读全文
Fiddler抓包【5】_Fiddler过滤
摘要:1、User Fiters启用 2、Action Action:Run Filterset now是否运行,Load Filterset加载,Save Filterset保存; 3、Hosts过滤 Zone:指定只显示内网(Intranet)或互联网(Internet)的内容; Host:指定显示某
阅读全文
Fiddler抓包【4】_重定向AutoResponder
摘要:1. 文件及图片替换(Enable rules) 目的:允许从本地返回文件,代替服务器响应,而不用将文件发布到服务器【可用正式环境验证本地文件】 步骤一:抓页面http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome >选择session,右击
阅读全文
Fiddler抓包【3】_设置断点修改
摘要:1、 断点修改Request 1.1、Request全部中断 设置中断:Rules > Automatic Breakpoints >Before Requests 取消中断:Rules > Automatic Breakpoints >Disabled 点击下发红色箭头的位置进行中断切换; 例1:
阅读全文
Fiddler抓包【2】_捕获设置
摘要:1、Fiddler抓web网站请求 手动设置方法一:Tools >WinINET Options >连接 >局域网设置 >代理服务器勾选后“高级” >服务器地址:127.0.0.1,端口8888; 手动设置方法二:①、File >勾选Capture Traffic; ②、点击左下角Capturing
阅读全文
Fiddler抓包【1】_介绍及界面概述
摘要:一、 主要抓包工具介绍与对比 1、Wireshark :通用抓包工具,抓取信息量庞大,需要过滤才能得到有用信息,只抓HTTP请求有点大财小用。 2、Firebug、HttpWatch等Web调试工具,不够给力,功能欠缺。 3、Charles:建议MAC上使用。 4、Fiddler:是一个HTTP协议
阅读全文
webpack入门文档教程
摘要:webpack 入门教程 欢迎 这个简单的教程会通个一个简单的例子来作为指南。 从中,你可以学到: 怎么安装 webpack 怎么使用 webpack 怎么使用加载器 怎么使用开发服务器 安装 webpack 首先确保安装了 node.js $ npm install webpack -g 上面命令
阅读全文
用grunt搭建自动化的web前端开发环境-完整教程
摘要:jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点)。至于grun
阅读全文
Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置
摘要:grunt.initConfig方法用于模块配置,它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置,需要参考该模板的文档。就cssmin来讲,minify目标的参数具体含义如下:expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名。...
阅读全文
【grunt整合版】30分钟学会使用grunt打包前端代码
摘要:grunt是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的,所以首先各位需要安装nodeJ...
阅读全文
使用 Weinre 调试移动网站
摘要:在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了。因此,移动开发人员都希望能有 Mobile 版本的Firebug或者 Chrome 开发人员工具。Weinre 就是...
阅读全文
“流式”前端构建工具——gulp.js 简介
摘要:Grunt 一直是前端领域构建工具(任务运行器或许更准确一些,因为前端构建只是此类工具的一部分用途)的王者,然而它也不是毫无缺陷的,近期风头正劲的 gulp.js 隐隐有取而代之的态势。那么,究竟是什么使得 gulp.js 备受关注呢?Grunt 之殇gulp.js 的作者 Eric Schoffs...
阅读全文