Proxyman
HomepageDownload
  • Overview
  • Changelog
  • License
  • License Manager
  • Raycast
  • Command-line
  • Security Compliance
  • Proxyman iOS
    • Proxyman for iOS
    • Map Local for iOS
    • Breakpoint for iOS
    • Tutorial for iOS
      • Map Local for iOS Tutorial
      • Breakpoint for iOS Tutorial
  • Debug on Devices
    • macOS
    • iOS Device
    • iOS Simulator
    • tvOS & watchOS
    • Android Device & Emulator
      • Automatic Script for Android Emulator
      • Sample Android Project
    • Firefox
    • Java VMs
    • Python
    • Ruby
    • NodeJS
    • Rust
    • Golang
    • React Native
    • Flutter
    • HTTP Clients
    • Docker
    • ElectronJS
    • NextJS (fetch)
  • Automatic Setup
    • Automatic Setup
    • Manual Setup
    • Troubleshooting
  • Atlantis
    • Atlantis for iOS
  • BASIC FEATURES
    • Proxyman Proxy Helper Tool
    • Request / Response Previewer
    • SSL Proxying
    • Bypass Proxy List
    • Import / Export
    • Content Filter
    • Multiple Tabs
    • Horizontal/Vertical/Window Layout
    • Copy as
    • Custom Previewer Tab
    • Custom Header Column
    • Regex (Regular Expression)
    • Filter JSON Response
    • Highlight by Color and Add Comment
    • Import / Export Settings
    • Multipart Form-Data Previewer
    • JSONPath
    • Customize Toolbar
    • Localization
    • Quick Preview
  • ADVANCED FEATURES
    • Repeat
    • Edit & Repeat
    • Compose new Request
    • No Caching
    • Breakpoint
    • Breakpoint Templates
    • Map Local (File)
    • Map Local (Directory)
    • Map Remote
    • External Proxy
    • Save Session
    • Protobuf
    • WebSocket
    • Clear Session
    • Block List
    • Allow List
    • Charles Proxy Converter
    • Custom Certificates
    • GraphQL
    • Network Conditions
    • Multiple Filters
    • Custom Filters
    • Publish to Gist
    • Reverse Proxy
    • Code Generator
    • Diff
    • Access Control
    • DNS Spoofing
    • SOCKS Proxy
    • Swagger OpenAPI
    • TLS Key Logging
  • Proxyman Windows
    • Install Certificate
    • WSL
  • Scripting
    • Scripting
    • async/await Request
    • Addons
    • Built-in JS Libraries
    • Write your own Addons
    • Snippet Code
    • Environment Variables
  • Troubleshooting
    • Proxyman does not work with VPN apps
    • My Remote Devices (iOS/Android) could not connect to Proxyman?
    • iOS 16 and iOS 17 issues
    • SSL Error from HTTPS Request/Response
    • I could not see any requests from my localhost server
    • I could not see any HTTP traffic from my NodeJS, Python, or Ruby scripts
    • *.local requests do not appear on Proxyman
    • I couldn't see any traffics on Proxyman
    • I couldn't see any requests from 3rd-party network libraries
    • [Breakpoint] Modify Request/Response by Raw Message
    • Could not change Proxyman App Icons
    • Lost data after updating Proxyman app?
    • Proxyman consumes too much RAM & unresponsive
Powered by GitBook
On this page
  • 1. What's it?
  • 2. How to use it?
  • 3. ⚡️ Advance: Create a custom Tab with the Scripting Tool
  • How to use:
  • 4. Examples
  1. BASIC FEATURES

Custom Previewer Tab

PreviousCopy asNextCustom Header Column

Last updated 11 months ago

1. What's it?

You can customize the Custom Previewer Tabs, which always render one format at once time.

This handy tool might help you to fix the following issues:

  • Format the BODY as JSON, but the Content-Type isn't application/json

  • Format the body as Protobuf, but the Content-Type isn't application/x-protobuf

  • Render HTML Page on the Web View

  • Beautify the minified files (HTML, CSS, JS)

  • Multipart/form-data

  • Try to format the body as the selected type regardless of the Content-Type

  • Convert MessagePack (msgpack) to JSON

  • to Swift, Node, Javascript, cURL, ...

  • GraphQL Query Prettier

The selected custom tabs will be appended to the right side of the Request or Response view

2. How to use it?

You can either access the Custom Previewer Window:

  1. Click on the "+" button on the Request/Response bar or (from the Tools Menu -> Custom Previewer Tab...)

  2. Click the checkbox to show/hide your custom Tab

  3. The New Tab will appear on the Request or Response Panel ✅

3. ⚡️ Advance: Create a custom Tab with the Scripting Tool

  • ✅ Show your own data on your tab

  • It is useful if you want to decode your Body or display a partial body to your custom tab

How to use:

  1. the Click on the "+" button on the Request/Response bar or (from the Tools Menu -> Custom Previewer Tab...)

  2. Select `Add Custom Tab` button

  3. Select Request / Response panel and set a name for your tab

  1. Click on the "..." button to show the Javascript Code

  1. Tools -> Scripting -> Add new Rule -> Use this code to display your own data

  1. Done

4. Examples

Force render JSON TreeView

Proxyman supports JSON Tree View for better visualization

We can show/hide a certain column by Right-Click on the Column Header

Force render HTML Page

Beautify the Javascript files

Code Generator
Select Custom Tabs for Request / Response Panel
Display Custom Tabs
Show the Javascript Code
Write your code to display data
Display your data on a new tab
Beautify JS Body