自定義FF DOM檢查器

Question

如何自定義Firefox DOM檢查器？白色和字體大小使閱讀變得困難。

Answer 1

我找到了解決方案。我用時尚附加
https://addons.mozilla.org/en-US/firefox/addon/stylish/

@namespace url(http://www.w3.org/1999/xhtml); 

@-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") { 

body { background: white !important } 

} 

上面僅用於背景的樣品。下面是另一個css示例。

/* This Source Code Form is subject to the terms of the Mozilla Public 
* License, v. 2.0. If a copy of the MPL was not distributed with this 
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 

* { 
    padding: 0; 
    margin: 0; 
} 

body { 
    color: hsl(0,0%,50%); 
    background: black !important; 
} 

.text { 
    color: white !important; 
} 

.newattr { 
    cursor: pointer; 
} 

.selected { 
    background-color: hsl(0,0%,90%); 
} 

/* Give some padding to focusable elements to match the editor input 
* that will replace them. */ 
span[tabindex] { 
    display: inline-block; 
    padding: 1px 0; 
} 

li.container { 
    position: relative; 
    padding: 2px 0 0 2px; 
} 

.codebox { 
    padding-left: 14px; 
} 

.expander { 
    position: absolute; 
    -moz-appearance: treetwisty; 
    top: 0; 
    left: 0; 
    width: 14px; 
    height: 14px; 
} 

.expander[expanded] { 
    -moz-appearance: treetwistyopen; 
} 

.more-nodes { 
    padding-left: 16px; 
} 

.styleinspector-propertyeditor { 
    border: 1px solid #CCC; 
} 


} 

Source