2013-10-16 70 views

回答

3

解決方案是!重要標記,它覆蓋了現有的樣式值。使用下面的CSS代碼使用的XDebug時避免眼癌:

.xdebug-error { 
    font-size: 12px !important; 
    width: 95% !important; 
    margin: 0 auto 10px auto !important; 
    border-color: #666 !important; 
    background: #ddd !important; 
} 

.xdebug-error th, .xdebug-error td { 
    padding: 2px !important; 
} 

.xdebug-error th { 
    background: #ccc !important; 
} 

.xdebug-error span { 
    display: none !important; 
} 

.xdebug-error_description th { 
    font-size: 1.2em !important; 
    padding: 20px 4px 20px 100px !important; 
    background: #ccc no-repeat left top !important; 
} 

.xdebug-error_callStack th { 
    background: #666 !important; 
    color: #ddd !important; 
} 
+0

眼癌:) 重寫CSS的獨特解決方案?不可靠但很容易。也許結合append_file(在Apache)可以是一個全球性的解決方案。謝謝。 – erm3nda

+1

我在哪裏放這個CSS代碼?在問題中鏈接到的頁面不再存在... – TheStoryCoder

+0

您需要自定義樣式,例如通過瀏覽器中的添加項。例如,我使用Tampermonkey和一個自定義腳本,添加了css規則。看到這個[gist]中的小腳本(https://gist.github.com/bueltge/1a5013d392c4fd864886ccddac5280dd) – bueltge

0

xdebug_css.png

// notice the line height, the padding(cellspacing), monospace font, font size, making readability better at least for me. 
// 
// A FILENAME : xdebug_stack_trace.css 
// 
// This is how the xdebug_stack_trace.css is called from the index.php page 
// 
// <style><?php require_once("./resources/css/xdebug_stack_trace.css");?></ style> 
// 
// notice that on the line above there is a space between the slash 
// and the 'style', on the ending 'style' tag, otherwise the display 
// get all messed up when this page gets loaded. 
// 
// make sure that when you copy the 'style' line from here to the 
// index page, that you remove the extra space at the ending 'style' 
// tag of the index page. 
// +---------+---------+---------+---------+---------+---------+---------+ 
// orange/black td header line 
// +---------+---------+---------+---------+---------+---------+---------+ 
.xdebug-error th 
{ 
    font-family:monospace; 
    font-weight:normal; 
    font-size:15px; 
    padding: 6px 6px 6px 6px; 
    border:1px solid black; 
    background: #FFCC99; // orange 
    color:#000000;   // black 
} 
// +---------+---------+---------+---------+---------+---------+---------+ 
// black/white th header line 
// +---------+---------+---------+---------+---------+---------+---------+ 
.xdebug-error > tr:first-child > th:first-child, 
.xdebug-error > tbody > tr:first-child > th:first-child 
{ 
    line-height:1.6em; 
    padding: 10px 10px 10px 10px; 
    border:1px solid #000000; 
    background: #000000;   // black 
    color:#FFFFFF; 
} 
// +---------+---------+---------+---------+---------+---------+---------+ 
// green/black td content one or more lines 
// +---------+---------+---------+---------+---------+---------+---------+ 
.xdebug-error td 
{ 
    font-size:14px; 
    padding: 6px 6px 6px 6px; 
    border:1px solid green; 
    background: #D1FFE8;   // light green 
} 
// +---------+---------+---------+---------+---------+---------+---------+ 
+0

添加一些說明,以便輕鬆理解您所寫的內容 –

0

另一種選擇是從超載的var_dump禁用Xdebug的。 在php.ini [XDebug]部分添加xdebug.overload_var_dump=0

格式化輸出然後由您決定;一種這樣的方式可能會打包var_dump在您自己的調試功能,打印<pre>標籤。