• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Eric_HGH
博客园    首页    新随笔    联系   管理    订阅  订阅

随笔分类 -  工具

前端的工具
Fiddler抓包【7】_次要功能和第三方插件

摘要:1、替换HTTP Request Host 应用场景:进行开发时,线上去测试跳转调试 替换命令:urlreplace news.baidu.com www.baidu.com; 清除命令:urlreplace,需要同时清除浏览器缓存; 永久替代:Script脚本实现 2、配置Host 应用场景:线下 阅读全文
posted @ 2019-02-21 10:30 Eric_HGH 阅读(198) 评论(0) 推荐(0)
Fiddler抓包【6】_Fiddler Script

摘要:1、安装SyntaxView插件 使用Fiddler Script前需要安装SyntaxView插件: 方式1:Inspectors tab >Get SyntaxView tab >Download and Install SytaxView Now… 方式2:http://getfiddler. 阅读全文
posted @ 2019-02-21 10:29 Eric_HGH 阅读(184) 评论(0) 推荐(0)
Fiddler抓包【5】_Fiddler过滤

摘要:1、User Fiters启用 2、Action Action:Run Filterset now是否运行,Load Filterset加载,Save Filterset保存; 3、Hosts过滤 Zone:指定只显示内网(Intranet)或互联网(Internet)的内容; Host:指定显示某 阅读全文
posted @ 2019-02-21 10:21 Eric_HGH 阅读(206) 评论(0) 推荐(0)
Fiddler抓包【4】_重定向AutoResponder

摘要:1. 文件及图片替换(Enable rules) 目的:允许从本地返回文件,代替服务器响应,而不用将文件发布到服务器【可用正式环境验证本地文件】 步骤一:抓页面http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome >选择session,右击 阅读全文
posted @ 2019-02-21 10:17 Eric_HGH 阅读(231) 评论(0) 推荐(0)
Fiddler抓包【3】_设置断点修改

摘要:1、 断点修改Request 1.1、Request全部中断 设置中断:Rules > Automatic Breakpoints >Before Requests 取消中断:Rules > Automatic Breakpoints >Disabled 点击下发红色箭头的位置进行中断切换; 例1: 阅读全文
posted @ 2019-02-21 10:14 Eric_HGH 阅读(264) 评论(0) 推荐(0)
Fiddler抓包【2】_捕获设置

摘要:1、Fiddler抓web网站请求 手动设置方法一:Tools >WinINET Options >连接 >局域网设置 >代理服务器勾选后“高级” >服务器地址:127.0.0.1,端口8888; 手动设置方法二:①、File >勾选Capture Traffic; ②、点击左下角Capturing 阅读全文
posted @ 2019-02-21 10:13 Eric_HGH 阅读(268) 评论(0) 推荐(0)
Fiddler抓包【1】_介绍及界面概述

摘要:一、 主要抓包工具介绍与对比 1、Wireshark :通用抓包工具,抓取信息量庞大,需要过滤才能得到有用信息,只抓HTTP请求有点大财小用。 2、Firebug、HttpWatch等Web调试工具,不够给力,功能欠缺。 3、Charles:建议MAC上使用。 4、Fiddler:是一个HTTP协议 阅读全文
posted @ 2019-02-21 10:10 Eric_HGH 阅读(320) 评论(0) 推荐(0)
webpack入门文档教程

摘要:webpack 入门教程 欢迎 这个简单的教程会通个一个简单的例子来作为指南。 从中,你可以学到: 怎么安装 webpack 怎么使用 webpack 怎么使用加载器 怎么使用开发服务器 安装 webpack 首先确保安装了 node.js $ npm install webpack -g 上面命令 阅读全文
posted @ 2016-03-29 16:03 Eric_HGH 阅读(320) 评论(0) 推荐(0)
用grunt搭建自动化的web前端开发环境-完整教程

摘要:jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点)。至于grun 阅读全文
posted @ 2016-03-29 16:00 Eric_HGH 阅读(194) 评论(0) 推荐(0)
Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置

摘要:grunt.initConfig方法用于模块配置,它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置,需要参考该模板的文档。就cssmin来讲,minify目标的参数具体含义如下:expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名。... 阅读全文
posted @ 2015-07-30 18:10 Eric_HGH 阅读(297) 评论(0) 推荐(0)
【grunt整合版】30分钟学会使用grunt打包前端代码

摘要:grunt是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的,所以首先各位需要安装nodeJ... 阅读全文
posted @ 2015-07-14 16:36 Eric_HGH 阅读(190) 评论(0) 推荐(0)
使用 Weinre 调试移动网站

摘要:在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了。因此,移动开发人员都希望能有 Mobile 版本的Firebug或者 Chrome 开发人员工具。Weinre 就是... 阅读全文
posted @ 2015-06-15 15:35 Eric_HGH 阅读(237) 评论(0) 推荐(0)
“流式”前端构建工具——gulp.js 简介

摘要:Grunt 一直是前端领域构建工具(任务运行器或许更准确一些,因为前端构建只是此类工具的一部分用途)的王者,然而它也不是毫无缺陷的,近期风头正劲的 gulp.js 隐隐有取而代之的态势。那么,究竟是什么使得 gulp.js 备受关注呢?Grunt 之殇gulp.js 的作者 Eric Schoffs... 阅读全文
posted @ 2015-05-21 16:39 Eric_HGH 阅读(266) 评论(0) 推荐(0)

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3