mirror of
https://github.com/maximebf/php-debugbar.git
synced 2025-06-11 00:21:16 +02:00
125 lines
3.8 KiB
HTML
125 lines
3.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>PHP Debug Bar</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q8G3WXZ50H"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-Q8G3WXZ50H');
|
|
</script>
|
|
|
|
|
|
<link rel="canonical" href="https://php-debugbar.com/" />
|
|
|
|
<link rel="stylesheet" href="debugbar/vendor/font-awesome/css/font-awesome.css" type="text/css" />
|
|
|
|
<link rel="stylesheet" href="debugbar/debugbar.css" type="text/css" />
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="debugbar/vendor/jquery-1.8.3.min.js"></script>
|
|
|
|
<script type="text/javascript" src="debugbar/vendor/jquery.event.drag-2.2.js"></script>
|
|
|
|
<script type="text/javascript" src="debugbar/debugbar.js"></script>
|
|
|
|
<script type="text/javascript" src="debugbar/widgets.js"></script>
|
|
|
|
<script type="text/javascript" src="debugbar.js"></script>
|
|
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<a id="forkme" href="https://github.com/maximebf/php-debugbar"></a>
|
|
<div id="header" class="container clearfix">
|
|
<a class="brand" href="/"><span>PHP Debug Bar</span></a>
|
|
<ul class="nav">
|
|
|
|
<li><a href="docs">Documentation</a></li>
|
|
<li><a href="https://github.com/maximebf/php-debugbar">Code</a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="intro">
|
|
<div class="container">
|
|
<h1>Debugging in PHP has never been easier</h1>
|
|
<p>
|
|
The DebugBar integrates easily in any projects and can display profiling data
|
|
from any part of your application. It comes built-in with data collectors for
|
|
standard PHP features and popular projects.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="main" class="container clearfix">
|
|
<div id="content">
|
|
<p>
|
|
Install the debug bar using <a href="http://getcomposer.org">Composer</a>:
|
|
</p>
|
|
<pre><code>{
|
|
"require": {
|
|
"maximebf/debugbar": "1.*"
|
|
}
|
|
}</code></pre>
|
|
<pre><code>$ php composer.phar install</code></pre>
|
|
<p>
|
|
The DebugBar has two parts: the main <code>DebugBar</code> object with data collectors and the renderer.
|
|
Data collectors are objects collecting a specific set of data. To makes things easy,
|
|
the <code>StandardDebugBar</code> has all the built-in collectors activated.
|
|
</p>
|
|
<pre><code><?php
|
|
use DebugBar\StandardDebugBar;
|
|
|
|
$debugbar = new StandardDebugBar();
|
|
$debugbarRenderer = $debugbar->getJavascriptRenderer();
|
|
|
|
$debugbar["messages"]->addMessage("hello world!");
|
|
?>
|
|
<html>
|
|
<head>
|
|
<?php echo $debugbarRenderer->renderHead() ?>
|
|
</head>
|
|
<body>
|
|
...
|
|
<?php echo $debugbarRenderer->render() ?>
|
|
</body>
|
|
</html></code></pre>
|
|
<p>
|
|
Try it below!
|
|
</p>
|
|
</div>
|
|
<div id="sidebar">
|
|
<p>
|
|
Features:
|
|
</p>
|
|
<ul>
|
|
<li>Generic debug bar with no other dependencies</li>
|
|
<li>Easy to integrate with any project</li>
|
|
<li>Clean, fast and easy to use interface</li>
|
|
<li>Handles AJAX request</li>
|
|
<li>Includes generic data collectors and collectors for well known libraries</li>
|
|
<li>The client side bar is 100% coded in javascript</li>
|
|
<li>Easily create your own collectors and their associated view in the bar</li>
|
|
<li>Save and re-open previous requests</li>
|
|
<li><a href="/docs">Very well documented</a></li>
|
|
</ul>
|
|
<div id="tryit">
|
|
Try it now at the bottom of the page!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="footer">
|
|
<div class="copy container">
|
|
© Maxime Bouroumeau-Fuseau 2013-2024
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|