- 博客(26)
- 收藏
- 关注
RSS订阅转载 Fiddler抓包【7】_次要功能和第三方插件
1、替换HTTP Request Host应用场景：进行开发时，线上去测试跳转调试替换命令：urlreplace news.baidu.com www.baidu.com；清除命令：urlreplace，需要同时清除浏览器缓存；永久替代：Script脚本实现2、配置Host应用场景：线下和线上进行域名ip地址进行替换；步骤：Tools--->HOST...
2019-02-21 10:30:00
167
转载 Fiddler抓包【6】_Fiddler Script
1、安装SyntaxView插件使用Fiddler Script前需要安装SyntaxView插件： 方式1：Inspectors tab--->Get SyntaxView tab--->Download and Install SytaxView Now… 方式2：http://getfiddler.com/FiddlerSyntaxSetup.exe...
2019-02-21 10:29:00
217
转载 Fiddler抓包【5】_Fiddler过滤
1、User Fiters启用2、ActionAction：Run Filterset now是否运行，Load Filterset加载，Save Filterset保存；3、Hosts过滤Zone：指定只显示内网（Intranet）或互联网（Internet）的内容；Host：指定显示某个域名下的会话；-No Host Filter：无HOST过滤；...
2019-02-21 10:21:00
154
转载 Fiddler抓包【4】_重定向AutoResponder
1. 文件及图片替换（Enable rules）目的：允许从本地返回文件，代替服务器响应，而不用将文件发布到服务器【可用正式环境验证本地文件】步骤一：抓页面http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome --->选择session，右击--->Save--->Response--->...
2019-02-21 10:17:00
239
转载 Fiddler抓包【3】_设置断点修改
1、 断点修改Request1.1、Request全部中断设置中断：Rules---> Automatic Breakpoints--->Before Requests取消中断：Rules---> Automatic Breakpoints--->Disabled点击下发红色箭头的位置进行中断切换；例1：打开http://news.ba...
2019-02-21 10:14:00
164
转载 Fiddler抓包【2】_捕获设置
1、Fiddler抓web网站请求 手动设置方法一：Tools--->WinINET Options--->连接--->局域网设置--->代理服务器勾选后“高级”--->服务器地址：127.0.0.1，端口8888； 手动设置方法二：①、File--->勾选Capture Traffic； ②、点击左...
2019-02-21 10:13:00
220
转载 Fiddler抓包【1】_介绍及界面概述
一、 主要抓包工具介绍与对比1、Wireshark ：通用抓包工具，抓取信息量庞大，需要过滤才能得到有用信息，只抓HTTP请求有点大财小用。2、Firebug、HttpWatch等Web调试工具，不够给力，功能欠缺。3、Charles：建议MAC上使用。4、Fiddler：是一个HTTP协议调试代理工具； ①、是位于客户端和服务器的HTTP代理，它能记录...
2019-02-21 10:10:00
149
转载 CSS常见兼容问题以及解决办法
浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。这里谈到的浏览器，主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争先来谈谈CSS Hack 我们为了让页面形成统一的效果，要针对不同的浏览器或不同版本写出对应可解析的CSS样式，所以我...
2016-04-07 11:23:00
102
转载 webpack入门文档教程
webpack 入门教程欢迎这个简单的教程会通个一个简单的例子来作为指南。从中，你可以学到：怎么安装 webpack怎么使用 webpack怎么使用加载器怎么使用开发服务器安装 webpack首先确保安装了 node.js$ npm install webpack -g上面命令确保可以在命令行中使用 webpack ...
2016-03-29 16:03:00
79
转载 用grunt搭建自动化的web前端开发环境-完整教程
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！1. 前言 各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真的”重复，表示重点）。至于grunt的作用，这里不详细说了，总之你如果做web前端开发，你一定要用gr...
2016-03-29 16:00:00
76
转载 smartcrop.js智能图片裁剪库
今天将为大家介绍一款近期github上很不错的开源库 – smartcrop.js。它是一款图片处理的智能裁剪库。在很多项目开发中，经常会遇见上传图片的场景，它可能是用户照片信息，也可能是商品图片等。然而在网页布局中，为了更好的用户体验，它们往往都需要一些宽度和高度的限制。对于不合适的图片，常常需要为用户提供一种裁剪方式，以此来满足网站更好的用户体验。但是图片默认的裁剪区域往往被显示...
2015-10-26 09:22:00
172
转载 Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置
grunt.initConfig方法用于模块配置，它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置，需要参考该模板的文档。就cssmin来讲，minify目标的参数具体含义如下：expand：如果设为true，就表示下面文件名的占位符（即*号）都要扩展成具体的文件名。cwd：需要处理的文件（input）所在的目录。src：表示需要处...
2015-07-30 18:10:00
95
转载 【grunt整合版】30分钟学会使用grunt打包前端代码
grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装nodeJS环境，这块我们便不管了http://www.cnblogs.com/...
2015-07-14 16:36:00
77
转载 10 个非常实用的 SVG 动画操作JavaScript 库
SVG 通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外，你甚至可以让SVG动起来，通过使用一些javascript类库。下面，我们分享一些javascript类库，这些类库会帮助我们将SVG动画提高一个等级。VivusVivus 是一个能动画js类库，它能够给SVG图像显示出被画出来的过程。Vivus是没有其他类库依赖的（比如jQuery)。...
2015-07-14 12:19:00
403
转载 js／css 检测移动设备方向的变化 判断横竖屏幕
最近做的站点是既要电脑各个浏览器能访问，ipad又要能访问，ipad又分几种，又有横竖屏区别，需要考虑的东西还是很多。下面是一些区分横竖屏的代码。方法一：用触发手机的横屏和竖屏之间的切换的事件window.addEventListener("orientationchange", function() { // 宣布新方向的数值 ...
2015-07-14 12:08:00
121
转载 iscroll4升级到iscroll5全攻略笔记
前段时间在搞移动终端（移动web）的项目，其中需要用到滚动的功能（html的滚动效果不好，且在低版本上不支持）。后面上网找了下资料，发现大部分人都在用iscroll4（下面简称v4）,下载下来试了下确实不错。在PC上滚动效果确定很好，在整合到移动web中，在部分机型（或者部分系统版本）上有卡顿，不是很流畅，有可能是配置低，也有可能某些属性设置错误造成滑动不顺畅。后面又上网查找资料...
2015-06-28 22:50:00
125
转载 中文WebFont解决方案Font-Spider(字蛛)
我们在日常需求中，经常会碰到视觉设计师对某个中文字体效果非常坚持的情况，因为页面是否高大上，字体选择是很重要的一个因素，选择合适的字体可以让页面更优雅。面对这种问题，我们通常以下方式来进行设计还原：使用图片背景还原设计，即使用photoshop将文本图层单独导出成网页背景图片。产生的问题1.制作与维护成本很高。切图繁琐、高清屏适配繁琐、合并雪碧图更繁琐，后...
2015-06-24 12:12:00
263
转载 使用 Weinre 调试移动网站
在 PC 端，我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是，当我们想在移动端调试站点或者应用的时候，这些工具就派不上用场了。因此，移动开发人员都希望能有 Mobile 版本的Firebug或者 Chrome 开发人员工具。Weinre 就是这样一款工具，可以帮助我们调试移动网站及 PhoneGap 应用。...
2015-06-15 15:35:00
145
转载 移动页面HTML5自适应手机屏幕宽度
网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其他文章讲述模糊的地方。1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义：<meta name="viewport" content="width=dev...
2015-06-15 15:30:00
183
转载 “流式”前端构建工具——gulp.js 简介
Grunt 一直是前端领域构建工具（任务运行器或许更准确一些，因为前端构建只是此类工具的一部分用途）的王者，然而它也不是毫无缺陷的，近期风头正劲的 gulp.js 隐隐有取而代之的态势。那么，究竟是什么使得 gulp.js 备受关注呢？Grunt 之殇gulp.js 的作者 Eric Schoffstall 在他介绍 gulp.js 的 presentation ...
2015-05-21 16:39:00
116
转载 CSS3 transition-timing-function 深入理解和技巧
基础语法：transition-timing-function ： ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-i...
2014-10-27 14:38:00
409
转载 Web Audio初步介绍和实践
Web Audio还是一个比较新的JavaScript API，它和HTML5中的<audio>是不同的，简单来说，<audio>标签是为了能在网页中嵌入音频文件，和播放器一样，具有操作界面，而Web Audio则是给了开发者对音频数据进行处理、分析的能力，例如混音、过滤等，类似于对音频数据进行PS。一般的网站应用应该是用不倒这些API中的，但是一些游戏引擎或...
2014-10-21 09:39:00
178
转载 CSS3实现GIF动画
来自 dribbble 某位大师的作品，GIF图中一个小女孩抱着一只猫在跑步，非常可爱，动作轻巧，过渡自然。DEMO下载回到项目需求，要实现类似上图卡通人物跑步动画，分析结果如下：1.跑步动画可以应用在不同的场景要求人物的背景是透明的，图片保证高清，避免边缘杂边2.跑步动画运动速度与动作成正比关系人物跑步速度越快，身体动作越快；人物跑步速度为零时，身体动作马...
2014-10-16 16:40:00
650
转载 WebApp 里Meta标签大全
1.先说说mate标签里的viewport：viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在iphone上我们的webapp在竖屏下通常宽度都是320。因此我们必须改变viewp...
2014-10-16 12:02:00
109
转载 HTML5特效收录-不定时更新
在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成知识整理的习惯是很有必要的。希望能给大大家启发，并且学习。HTML5 Canvas粒子效果文字动画特效基于HTML5 Canvas的文字特效，输入框中输入想要展示的文字，回车后即可在canvas上绘制出粒子效果的文字动画，相当酷的动画效果。在线演示 ...
2014-10-16 11:24:00
170
转载 HTML5实战——svg学习
百度百科： SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。什么是SVG？ SVG 指可伸缩矢量...
2014-10-16 09:10:00
83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人