Development Tools
Postman
Postman can be used to send POST, GET etc. requests to the server. Like this it is easier to test endpoints because you can directly see what they will return or how they react in general. It also helps especially with authorization for requests as in the browser you might need to specify additional variables but in postman you can just fill in your username and password and the request normally works.
For example:
SOAP UI
Soap UI (https://www.soapui.org/) is very similar to Postman but it offers some additional functionalities but because of this it might also be a little bit harder to use. For a comparison between Postman and SoapUI see this link: https://medium.com/devopsturkiye/soapui-vs-postman-52421920cc9c
Wireshark
Wireshark is the world’s foremost and widely-used network protocol analyzer. It lets you see what’s happening on your network at a microscopic level and is the de facto (and often de jure) standard across many commercial and non-profit enterprises, government agencies, and educational institutions. Wireshark development thrives thanks to the volunteer contributions of networking experts around the globe and is the continuation of a project started by Gerald Combs in 1998.
Wireshark has a rich feature set which includes the following:
- Deep inspection of hundreds of protocols, with more being added all the time
- Multi-platform: Runs on Windows, Linux, macOS, Solaris, FreeBSD, NetBSD, and many others
- Captured network data can be browsed via a GUI, or via the TTY-mode TShark utility
- The most powerful display filters in the industry
- Rich VoIP analysis
- Capture files compressed with gzip can be decompressed on the fly
- Live data can be read from Ethernet, IEEE 802.11, PPP/HDLC, ATM, Bluetooth, USB, Token Ring, Frame Relay, FDDI, and others (depending on your platform)
- Decryption support for many protocols, including IPsec, ISAKMP, Kerberos, SNMPv3, SSL/TLS, WEP, and WPA/WPA2
- Coloring rules can be applied to the packet list for quick, intuitive analysis
- Output can be exported to XML, PostScript®, CSV, or plain text
To get more information visit: https://www.wireshark.org/
Chrome Dev-tools
The Chrome DevTools are a set of web authoring and debugging tools built into Google Chrome. Use the DevTools to iterate, debug and profile your site.
An important functionality is for example that you can debug JS code with breakpoints, as you can see in the picture:
To get more information visit: https://developer.chrome.com/docs/devtools/overview/
Setting Breakpoints while Debugging in your local editor
In VSCode for example you can start the application with the Debugger and set breakpoints then it will stop the execution when the breakpoint is reached. This helps to see what the exact value of a variable is at each step, which will accelerate development by a lot.