Posts Tagged ‘Debug’

DebugBar is a free and open source app that can integrate into any PHP project and collect + present profiling data.

It has no dependencies, supports Ajax requests and includes generic data collectors and collectors for well known libraries.

PHP DebugBar

The bar is 100% JavaScript that sits in the footer (like Dev. Tools).

New collectors and views can be added with ease and it is possible to save/re-run previous requests.

Web Tracing Framework, by Google, is a set of tools and scripts for analyzing the performance of any JavaScript-related code.

It is mostly ideal for JavaScript-heavy apps and may not be necessary for standard web pages where JavaScript is only used for simple interactions.

There is a manual embedding option and a Chrome extension for getting internal browser data and command line tools (or Nodejs support) for processing this data.

Web Tracing Framework

The framework allows us to choose which methods/events to track and visualizes them in a friendly interface.

A “heap tracking” feature helps finding “how the memory is used by every function” to optimize when necessary.

It works on most modern browsers (in Chrome with all the features) and can be extended.

Lately, a post at WRD had introduced Hack St. which was a handy web app for debugging HTTP requests.

Postman is a similar tool with more features and comes as a free Chrome extension.

It allows sending any type of HTTP requests (GET, HEAD, POST, PUT..) with any number of parameters + headers.

Postman Chrome Extension

There is support for different authentication mechanisms (basic, digest, OAuth) and the response received is syntax highlighted (HTML, JSON or XML).

Postman keeps a history of requests so that we can easily re-send them later and has a “collections” feature for storing all requests to the same API/domain.

The extension even has some more features to simplify testing and debugging of HTTP requests. A must-have for every web developer.

Hack St. is a free web application (with desktop version) for easily debugging HTTP requests.

When working on an API integration or testing “how a URL responds to specific requests”, such an app becomes a time-saver.

Using Hack St., we can send GET, POST or PUT requests with any number of querystrings, custom headers and -optional- HTTP authentication.

Hack St.

The app has a tabbed interface so that we can easily test different versions of a request and there is a “history” feature for easily re-sending any previously-sent requests.

Also, a Mac OS X desktop version exists (Windows and Linux coming soon) which are handy when debugging internal URLs.

Google Chrome’s “Developer Tools” is what many developers use to debug client-side code.

Chrome Logger is an extension that brings server-side code debugging to this tool.

Chrome Logger

It has libraries for PHP, Python, Ruby, .NET, ColdFusion and Node.js. Also, new ones can be created with the documentation provided.

These libraries simply enable us to view variables in Developer Tools.

Although each server-side language has their stronger debugger tools, using the same logging tool for client and server-side makes sense.