google浏览器调试模式使用的几个小技巧

2024-10-12 22:17:14

1、如何打开调试模式。按F12即可。或者点击右上角的三个点-》更多工具-》开发者工具。

google浏览器调试模式使用的几个小技巧

2、调试模式的窗口如何摆放?有4种位置摆放。先按f12,然后,在弹出的调试窗口那里,点三个点,新弹出的窗口,分别是独立窗口,原窗口左侧,原窗口底部,原窗口右侧。

google浏览器调试模式使用的几个小技巧

3、Request Payload数据如何查看详细的json数据?点击旁边的view source按钮-》复制-》找个json在线转换网站,输入,即可查看。

google浏览器调试模式使用的几个小技巧

4、返回的数据如何查看?有2种看法。一个是preview看大概浏览模式,另一个是response看详细json数据。

google浏览器调试模式使用的几个小技巧

5、如何查看请求的服务器地址?点击network->xhr->name显示请求地址;右侧Headers->Request URL显示详细的url。

google浏览器调试模式使用的几个小技巧

6、有的时候找不到请求的url怎么办?因为xhr只显示a门钙蹲茌jax请求的地址。推荐的步骤是这样的。先看xhr下面有没有-》然后芬简砝鬃看Doc下面-》再看other-》然后其他几个选项卡都看看-》最后在后台打断点,日志输出。

google浏览器调试模式使用的几个小技巧
猜你喜欢