https://blog.hopefly.top/tags/chrome/ Recent content in Chrome on 月盾的博客 Hugo zh-cn Fri, 18 Feb 2022 16:23:26 +0800 https://blog.hopefly.top/2022/02/chrome-devtool-show-all-path/ Fri, 18 Feb 2022 16:23:26 +0800 https://blog.hopefly.top/2022/02/chrome-devtool-show-all-path/ <p>chrome浏览器的开发者工具是前端开发必不可少的工具，其中接口查看是最常用的功能之一。默认情况下显示如下： <img src="https://qn-img.hopefly.top/2a067be4926308c85147f1b39b8ce549" alt="chrome开发者工具"></p> <p>主要是红框内的接口显示只有很短的名称，并没有完整的显示出整个接口，这对于一些最后名称一样的接口就不能知晓是哪个接口了，只能点击查看详情。我们希望的当然是能够显示完整的接口，实际上也是能做到的。</p> <p>在名称栏上右击：</p> <p><img src="https://qn-img.hopefly.top/3a5fd9c34183471f3b5cafb1575c06c4" alt="chrome开发者工具"></p> <p>可以显示很多选项，其中路径和网址就是我们先要的，点击以后就可以显示完整的接口路径了。</p> <p><img src="https://qn-img.hopefly.top/de31aa9c16b9fd3c54e1df44e1aca43f" alt="chrome开发者工具"></p>