开发者模式(

...

浏览器能力)

什么是开发者模式

开发者模式（也叫检擦模式或调试模式）是一种浏览器工具，在配置调试过程和协助研发老师排查问题时（特别是一些纯内网项目，常常只有顾问可以在现场操作，更需要掌握），借助这个工具可以帮助我们在配置过程中获取更多系统信息，例如接口参数，常用的company开发者模式（也叫检查模式或调试模式）是一种浏览器工具，在配置调试过程和协助研发老师排查问题时（特别是一些纯内网项目，常常只有顾问可以在现场操作，更需要掌握），借助这个工具可以帮助我们在配置过程中获取更多系统信息，例如接口参数，常用的company_id，文件index等，还可以帮助我们快速定位报错问题

...

1. Elements（元素）面板：用于查看和编辑页面的HTML和CSS。
2. Console（控制台）面板：用于显示JavaScript错误和警告，以及执行JavaScript代码。
3. Sources（源代码）面板：用于查看和调试网页的JavaScript源代码。
4. Network（网络）面板：用于监控网页加载过程中的网络请求，页面请求的接口和接口传入返回参数就在这里查看。
5. Performance（性能）面板：用于分析网页的性能和加载时间。
6. Memory（内存）面板：用于监控JavaScript的内存使用情况。
7. Application（应用）面板：用于查看和管理网页的存储数据（如Cookies、IndexedDB等）。
8. Security（安全）面板：用于调试网页的安全问题。

常用到的基本操作基本操作

• 选择元素：在Elements面板中，点击箭头图标选择页面上的元素。
• 编辑样式：在选中元素后，可以在Styles面板中编辑其CSS样式。
• 查看网络请求：在Network面板中查看网页加载过程中的所有网络请求。
• 执行JavaScript代码：在Console面板中输入和执行JavaScript代码。

...

• 更多开发者工具介绍，可以自行搜索详细的开发者工具指南和教程。

切换开发者模式看板语言

常用实际操作

查看页面接口传参及返回数据

注意，这个操作在环境开启服务器的加密参数时，接口传参及返回数据会被加密无法使用，若在加密参数开启时需要使用接口信息进行调试，参考wiki：开启加密参数后如何进行调试

在进入页面前打开检查模式，或打开后刷新页面，可以在检查模式的切换到Network（网络）面板查看页面请求的接口，左侧是请求的接口列表，右侧是所选中的接口的详细信息，包括可以查看请求头，传入参数，返回值等，最常用的是查看传参和返回值

Image Added

文件 index说明及查看方式

...