PHP Info in Bootstrap Design integrieren

Ich spiele derzeit ein wenig mit dem Bootstrap 4 rum um mir ein kleines Webinterface zu bauen und dabei musste ich öfter mal die PHP Info aufrufen um configs zu testen etc.

Das ging mir ziemlich auf die nerven jedes Mal aus dem Webinterface heraus zu müssen und die PHP Info Seite aufzurufen.

Also wollte ich es einfach direkt ins Webinterface integrieren, ist ja eigentlich kein Ding.

Ich integrierte also die PHP info ganz normal mit 

<?PHP
phpinfo ();
?>

Was fällt mir auf? Es zerschießt das gesamte Design mit weißen Feldern, nicht mehr funktionierendem js usw.

Zu sehen hier die weißen flecken im Header und Navi und der andere Schriftstyle

 

Das war so natürlich nicht geplant und es sollte einfach nur die PHP Info ausgegeben werden ohne alles andere kaputt zu machen.

Ich suchte also und wurde auch fündig 🙂 

 

Wenn man die PHP Info so einfügt 

<?php
ob_start();
phpinfo();
$phpinfo = ob_get_clean();
# Body-Content der php info holen
$phpinfo = preg_replace('#^.*<body>(.*)</body>.*$#s', '$1', $phpinfo);
# XHTML-Fehler Korrekturen
$phpinfo = str_replace('module_Zend Optimizer', 'module_Zend_Optimizer', $phpinfo);
# Schrift anpassen
$phpinfo = str_replace('<font', '<span', $phpinfo);
$phpinfo = str_replace('</font>', '</span>', $phpinfo);
#Tabelle bauen
$phpinfo = str_replace( 'border="0" cellpadding="3"', 'class="table table-bordered table-striped" style="table-layout: fixed;word-wrap: break-word;"', $phpinfo );
$phpinfo = str_replace('<tr class="h"><th>', '<thead><tr><th>', $phpinfo);
$phpinfo = str_replace('</th></tr>', '</th></tr></thead><tbody>', $phpinfo);
$phpinfo = str_replace('</table>', '</tbody></table>', $phpinfo);
# Schriftfarbe der Schlüsselwörter in rot und grün ausgeben
$phpinfo = preg_replace('#>(on|enabled|active)#i', '><span class="text-success">$1</span>', $phpinfo);
$phpinfo = preg_replace('#>(off|disabled)#i', '><span class="text-error">$1</span>', $phpinfo);

echo '<div id="phpinfo">';
echo $phpinfo;
echo '</div>';
?>

wird weder etwas zerschossen noch sonst eine Funktion beeinträchtigt.

Man sieht hier ganz klar die Navi ist so wie sie soll, die Schriften sind so wie sie sollen und es wird nix zerhauen oder durch die schlampig codierte PHP Info zerhauen.

Damit konnte ich die PHP Info also direkt in mein Projekt integrieren ohne irgendwas kaputt zu machen 🙂 

Natürlich kann man sich das auch direkt ansehen und zwar hier:

PHP Info mit und ohne Bootstrap

Hier kann der Quellcode beider Dateien runtergeladen werden:

Download phpinfo-bootstrap.rar

Share it!

2 Gedanken zu “PHP Info in Bootstrap Design integrieren”

  1. Sehr schön und praktisch! – Ich hatte gerade das selbe Bedürfnis und habe mich gefreut diese Lösung gefunden zu haben!

Schreibe einen Kommentar

Derzeit hast du JavaScript deaktiviert. Um Kommentare zu schreiben, stelle bitte sicher, dass JavaScript und Cookies aktiviert sind, und lade Sie die Seite neu. Klicke hier für eine Anleitung die dir zeigt, wie du JavaScript in deinem Browser aktivierst.

Nach oben scrollen