logo头像

求知若渴,虚心若愚

前端开发环境搭建(七)

Charles

强大的抓包工具 支持HTTP和HTTPS

介绍

是一个HTTP代理服务器,HTTP监视器,反转代理服务器,当浏览器连接Charles的代理访问互联网时,Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信,这些包括request, response和HTTP headers (包含cookies与caching信息)。

简单来说就类似与我们浏览器调试模式的network的抓包工具,但是如果不是浏览器环境下,我们就需要用这一款软件了

优点

  • 支持SSL代理。可以截取分析SSL的请求
  • 支持流量控制。可以模拟慢速网络以及等待时间(latency)较长的请求。
  • 支持AJAX调试。可以自动将json或xml数据格式化,方便查看
  • 支持AMF调试。可以将Flash Remoting 或 Flex Remoting信息格式化,方便查看。
  • 支持重发网络请求,方便后端调试。
  • 支持修改网络请求参数
  • 支持网络请求的截获并动态修改
  • 检查HTML,CSS和RSS内容是否符合W3C标准。

TIP
该软件在特殊情况下会出现劫持浏览器导致无法浏览网页的问题(请谨慎使用)

关闭软件即可,或者是取消代理

SVN

Apache Subversion 通常被缩写成 SVN,是一个开放源代码的版本控制系统

http-server

  • http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs
  • 只需要进入指定的目录,运行http-server命令,即可以当前目录为网站根目录开启一个服务器,非常方便快捷
  • 安装 (全局安装加 -g) :
1
npm install http-server
  • 运行网站

在站点目录下开启命令行输入

1
2
http-server
可以通过 -p 指定端口
  • 访问:

参数配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
-p 端口号 (默认 8080)

-a IP 地址 (默认 0.0.0.0)

-d 显示目录列表 (默认 'True')

-i 显示 autoIndex (默认 'True')

-e or --ext 如果没有提供默认的文件扩展名(默认 'html')

-s or --silent 禁止日志信息输出

--cors 启用 CORS via the Access-Control-Allow-Origin header

-o 在开始服务后打开浏览器
-c 为 cache-control max-age header 设置Cache time(秒) , e.g. -c10 for 10 seconds (defaults to '3600'). 禁用 caching, 则使用 -c-1.
-U 或 --utc 使用UTC time 格式化log消息

-P or --proxy Proxies all requests which can't be resolved locally to the given url. e.g.: -P http://someurl.com

-S or --ssl 启用 https

-C or --cert ssl cert 文件路径 (default: cert.pem)

-K or --key Path to ssl key file (default: key.pem).

-r or --robots Provide a /robots.txt (whose content defaults to 'User-agent: *\nDisallow: /')

-h or --help 打印以上列表并退出
支付宝打赏 微信打赏

赞赏是对我们的肯定!