浏览器控制台接口学习

我们在做项目开发时，想知道一个功能调用了后台哪个接口，我们就可以在浏览器控制台中进行查看。
举一个例子，我们在看博客时，发现这一篇文章写的不错，我们在做点赞这个动作时，调用了哪个接口呢？

我们在控制台中可以看到请求网络地址，这里就是我们想要找到的接口，这里接口地址时如何产生的呢，我们可以看一下，这是由域名加上IP地址组成。
我们来看一下到底请求了什么，Accept 指定客户端能够接收的内容类型；
Accept-Encoding 指定浏览器可以支持的web服务器返回内容压缩编码类型；
Accept-Language 浏览器可接受的语言；
Connection 表示是否需要持久连接。（HTTP 1.1默认进行持久连接）；
Content-Length 请求的内容长度；
Content-Type 请求的与实体对应的MIME信息；
Cookie HTTP请求发送时，会把保存在该请求域名下的所有cookie值一起发送给web服务器。

我们还要看一下请求方法时什么，大部分都时get/post，如果时get只是简单的查询信息，post是需要传入信息。
荷载就是我们本身的带的数据返回服务器。

在预览这里我们看到获取了哪些信息，是否请求成功和数据。

总之，我们查到某个接口时要看请求方法、请求标头和预览，逐层查找就可以找到自己想要的接口信息。

浏览器控制台接口学习相关推荐

浏览器控制台简单测试websocket接口收发
浏览器控制台简单测试websocket接口收发打开一个网页 F12打开控制台 ws = new WebSocket('ws://121.40.165.18:8800'); 或者 ws = new W ...
开发一款浏览器内核需要学习哪些方面的知识？
开发一款浏览器内核需要学习哪些方面的知识? 最近参加毕业设计,题目选的是<基于Linux平台的网页浏览器设计与实现>. 想认真做一下,所以不准备直接用现成的开源浏览器内核(比如WebKit ...
Ts + React + Mobx 实现移动端浏览器控制台
自从使用 Typescript 写 H5 小游戏后,就对 Ts 产生了依赖(智能提示以及友好的重构提示),但对于其 Type System 还需要更多的实践. 最近开发 H5 小游戏,在移动端调试方面 ...
【学习总结】-Apsara Clouder专项技能认证：实现调用API接口学习总结
Apsara Clouder专项技能认证:实现调用API接口-学习总结 API的概念: API的特点: API的分类: 为什么要使用API 阿里云API市场 API请求与认证 Web API协议 HT ...
阿里云Apsara Clouder专项技能认证-实现调用API接口-学习笔记
Apsara Clouder专项技能认证-实现调用API接口-学习笔记阿里云的一个小认证,闲来无事,考一下一.API简介 API的概念 API(Application Programming In ...
浏览器控制台copy as fetch用法
不解释了,直接上图. 1.先选择要copy的接口,浏览器控制台右键选中,复制到剪贴板 2.复制到控制台,大致如下. 3.去掉末尾的分号,添加如下: .then(response => respo ...
vue 在浏览器控制台怎么调试谷歌插件vue Devtools
vue 在浏览器控制台怎么调试谷歌插件vue Devtools 问题: vuejs里面的变量,怎么用浏览器的console查看? 例如,想在chrome里用console.log查看变量$data, ...
Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION
问题描述:Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION 原因: 服务器使用了TLS1.0 或 TLS1.1 版本,没有使用 TLS1.2 解决方法: 地址栏访 ...
浏览器缓存机制学习总结
浏览器缓存机制学习总结最近在做一个考试系统时,由于经常加载试卷或图片等等静态资源,抽空学习了一下缓存机制,在此记录为什么要使用缓存 1.通过HTTP协议,在客户端和浏览器建立连接时需要消耗时间,而 ...

浏览器控制台接口学习

浏览器控制台接口学习相关推荐

最新文章

热门文章