notepad++&界面&fiddler

notpad++ 界面

菜单栏 工具栏 工作区 编辑区

image.png

1.notepad工作区基本操作

• add 添加功能

  
  image.png

• remove 移除操作

  
  image.png

• 系统运行 资源路径

  
  image.png
  

  2.notepad++ 界面元素

<标签名属性名=_'属性值'>innerhtml</htmtl>

image.png

• 标签的层级结构

  
  image.png
  image.png

3. notepad++ 编辑 语言
   编辑--utf8 语言--H--html
   4.notepad++ 工具栏

   
   
   

   5.notepad++ 操作英文单词

   
   image.png

4. html:input类型和其它标签单词

   
   image.png

• input类型 编写

  
  image.png

• 其它类型

  
  image.png

image.png
编写对比图
image.png image.png

二 Fiddler 抓包工具

1. http协议入门

   
   image.png
   请求行头正文.png

2.fiddler的作用

1. 抓包:web app
   2.断电调试
   3.模拟弱网环境

   
   image.png

3.抓包操作
1.登录fiddler:C/software/fiddler/fiddler.exe

image.png

2.fiddler界面识别

fiddler.png image.png image.png

3. fiddler抓包步骤

   
   image.png
   image.png

image.png

打开![百度]http://www.baidu.com 随便操作 自动抓包

image.png