谷歌浏览器的前端调试工具视频 (谷歌浏览器调试获取页面参数)

使用谷歌浏览器(Google Chrome)访问*今条头日**,以*今条头日**首页搜索按钮为例,查看搜索按钮前端页面调用的接口及参数方法。

谷歌浏览器前一天的浏览记录,谷歌浏览器查看网页访问量插件

*今条头日**

谷歌浏览器前一天的浏览记录,谷歌浏览器查看网页访问量插件

*今条头日**搜索按钮

查看前端页面调用接口及参数方法操作步骤

1、打开谷歌浏览器(Google Chrome),地址栏输入“https://www.toutiao.com/“后按键盘回车键,访问*今条头日**主页。

谷歌浏览器前一天的浏览记录,谷歌浏览器查看网页访问量插件

*今条头日**

2、按一下键盘F12,查看页面源代码,点击弹窗右上角的三个点,可选择源代码信息框呈现在该页面的哪个位置。例如:当前选择的是第三种呈现方式,源代码信息就在网页下方呈现。

谷歌浏览器前一天的浏览记录,谷歌浏览器查看网页访问量插件

*今条头日**

3、然后点击Network,如图所示。

谷歌浏览器前一天的浏览记录,谷歌浏览器查看网页访问量插件

*今条头日**

4、点击页面中的“搜索框”按钮,页面信息会捕获如下图“list”接口,然后点击“list”,右边就会显示该接口的详细信息

谷歌浏览器前一天的浏览记录,谷歌浏览器查看网页访问量插件

*今条头日**

5、若想查询“list”接口调用的参数信息,切换到右边“”paylod“”下点击view parsed,即可看到查询调用的所有参数,鼠标右键可复制内容。

谷歌浏览器前一天的浏览记录,谷歌浏览器查看网页访问量插件

*今条头日**

接口调用

上述步骤获取的URL、接口调用方法及参数,就可以直接拿去postman调用啦。