### Fiddler 中 Content-Type 为 `application/json` 时不支持 Inspectors 的解决方案 在使用 Fiddler 进行网络调试时，如果请求的 `Content-Type` 设置为 `application/json`，可能会遇到 Inspectors 不支持该类型的显示问题。这是因为 Fiddler 默认更倾向于处理表单数据（即 `application/x-www-form-urlencoded`），而对于 JSON 数据的支持相对有限。 #### 解决方案一：手动调整 Fiddler 的解析器 可以通过修改 Fiddler 的配置来增强其对 JSON 数据的支持能力。具体操作如下： 1. **安装附加组件** 安装第三方插件如 "JSON Viewer" 或者其他扩展工具，这些插件可以提供更好的 JSON 格式化视图功能[^1]。 2. **更改默认解析行为** 手动编辑 FiddlerScript 文件以改变默认的行为逻辑。打开 Rules -> Customize Rules... 后找到 OnBeforeResponse 函数并加入以下代码片段： ```javascript static function OnBeforeResponse(oSession: Session) { if (oSession.oRequest["Content-Type"] && oSession.oRequest["Content-Type"].Contains("application/json")) { oSession.utilDecodeResponse(); } } ``` 3. **启用 Raw View 模式查看响应体** 如果无法通过内置 Inspector 查看具体内容，则切换到右侧下方 Tab 列表中的 “Raw” view 来观察原始报文内容，并自行验证是否符合预期结构[^2]。 #### 解决方案二：转换成 Form Data 发送 另一种方法是从源头解决问题——即将原本作为 JSON 字符串传递的数据改为键值对形式(`application/x-www-form-urlencoded`)重新构建请求参数。例如，在 AngularJS 应用程序中可做如下改动: ```javascript $scope.send = function() { var formData = new FormData(); formData.append('from', $scope.guest.from); formData.append('subject', $scope.guest.subject); formData.append('content', $scope.guest.content); var req = { method:'POST', url:'/mail/send', headers: {'Accept': 'application/json'}, data:formData, transformRequest: angular.identity, contentType:false }; }; ``` 注意这里移除了原有的 `'Content-Type':'application/x-www-form-urlencoded'` 头部定义，并替换成实际上传文件所需的 multipart 类型或者直接利用浏览器自动推断机制完成相应设置[^3]。 #### 总结说明 以上两种途径都可以有效缓解因 Fiddler 对特定 MIME Type 支持不足而引发的操作不便情况。前者侧重于优化现有环境下的用户体验；后者则试图规避潜在兼容性障碍从而达到目的。根据个人偏好以及项目需求灵活选用即可。