1
0
mirror of https://github.com/maximebf/php-debugbar.git synced 2025-06-10 08:05:49 +02:00
php-debugbar/index.html
Barry vd. Heuvel d07c5fc73a Add canonical
2025-02-13 20:23:44 +01:00

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>&lt;?php
use DebugBar\StandardDebugBar;
$debugbar = new StandardDebugBar();
$debugbarRenderer = $debugbar-&gt;getJavascriptRenderer();
$debugbar[&quot;messages&quot;]-&gt;addMessage(&quot;hello world!&quot;);
?&gt;
&lt;html&gt;
&lt;head&gt;
&lt;?php echo $debugbarRenderer-&gt;renderHead() ?&gt;
&lt;/head&gt;
&lt;body&gt;
...
&lt;?php echo $debugbarRenderer-&gt;render() ?&gt;
&lt;/body&gt;
&lt;/html&gt;</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">
&copy; Maxime Bouroumeau-Fuseau 2013-2024
</div>
</div>
</body>
</html>