Proxyman is a native macOS app and its features are so handy for debugging that I really want to share with others. In this post, I used the app to see Response content from Unsplash app on my device.
1.1/ Download the app
I downloaded the newest version from its website https://proxyman.io/ The UI is pretty clean and I can see all the requests coming right after opening the app
This is the main screen with all captured requests when I open the app
1.2/ Setup Certificate for my iPhone
Then go to Certificate -> Install Certificate on iPhone Device. There would be an instruction to guide you how to configure certificate on iPhone/ iOS Simulator
Click Certificate -> Install Certificate on iPhone Device
1.3/ Config Wifi pointing to Proxyman
Go to Setting -> Wifi -> (Select current Wifi) -> Configure Proxy -> Manual . Then I used the same Server and Port on Guideline to configure Proxy on my iPhone
Use the same Server and Port to configure Proxy on my iPhone
1.4/ Allow permission to install Proxyman
At this step, I saw all requests coming from my device on Proxyman app. However, in order to see content of Responses, I will need to install Proxyman Certificate On my iPhone, I go to Safari -> http://proxy.man/ssl -> Accept permission for installing Proxyman Certificate
Hit button “Allow” to accept permission for installing Proxyman Certificate
1.5/ Install Certificate from /ssl
Then go to Setting -> General -> Profile -> Select Proxyman -> Install
1.6/ Trust Certificate on iPhone
It is said that since the iOS 10.3+, we need to trust certificate manually. Thus, final step is go to Setting App -> General -> About -> Certificate Trust Settings -> Turn ON “Enable full trust for root certificates”
Turn ON “Enable full trust for root certificates”
You can see that all my iPhone’s requests showed up after I finished configuring proxy
2. Time to debug Unsplash
OK, enough config. It’s time to actually see HTTP requests/ responses coming from Unsplash app
2.1/ Search a domain
First, I searched for app Unsplash with Command+Shift+F (You can also search the app using Search bar)
Use hotkey Command + Shift + F for searching domains
2.2/ Pin a domain
This is one of interesting features of this app. I can Drag, Drop a specific domain into Pin section. I find it pretty useful to organize and focus, especially when I have to work with several applications, domains.
You can Drag and Drop a specific Domain
You can also right click to Pin a specific app/domain
2.3/ See HTTP content
If you double click a request, you would see the Request and Response on the right panel. However, to see content of a Response, you will need to Enable domain and Reload the request.
Click Enable this domain to see the content of Response
The content shows up after I reload the page
2.4/ Open content with Editing tool
There is a small button on the top right corner. When I click to that, the app reveals some Editing tools that I am currently using. I can open my Response content to edit, which I found pretty convenient.
I can open Response content with my Editing tools
The apps reveal the tools that I’m currently using
What going next?
If you are a tester or front-end developer, the odds are that you have been familiar with debugging tools like Charles. It is a powerful debugging app, but somehow it doesn’t fit me. Meanwhile, Proxyman is not fully-developed yet, but it seems to have many potentials.