2011-11-29 31 views
4

是否有方法可以將WebKit Inspector中禁用CSS樣式的複選框從最右側移動到Safari和Google Chrome中, Firefox的Firebug是如何聲明的?要禁用樣式,必須轉到最右邊,當樣式聲明列表非常長時,很難對其進行追蹤。最重要的是,有時新的獅子風格的滾動條可能會意外點擊。我聽說即使WebKit中的Web Inspector也是通過CSS佈局的,所以這應該相對容易。任何幫助?即使有人能把我帶到WebKit檢查員的樣式表中,我也可以找出CSS。提前致謝!WebKit CSS Inspector's Style Disable複選框應該向左移動以便使用

這裏有一些截圖來證明我的意思:

(無法與堆棧溢出的安裝後的圖像,因爲我是一個新的帳戶)

+0

不幸的是,它比以前更難檢查和修改Inspector源。您曾經能夠編輯/ opt/google/chrome/resources/inspector /中的所有檢查器文件,該文件曾經是http://trac.webkit.org/browser/trunk/Source/WebCore/inspector 。現在,它全部捆綁到沒有文件名的resources.pak文件中。 – yonran

回答

1

在github上有一個webkit檢查器樣式表:https://gist.github.com/1153881

+1

太棒了!通過複製該樣式表並將其放入適用於Mac瀏覽器的「〜/ Library/Application \ Support/Google/Chrome/Default/User \ StyleSheets/Custom.css」中,效果非常好!查看[這裏](http://darcyclarke.me/design/skin-your-chrome-inspector/)瞭解其他地點和更多詳情。 –

+0

非常感謝您分享其他鏈接。 – Alina

+1

此複選框的樣式將它們放在擴展速記屬性的箭頭的頂部。如果您想出更好的樣式,請隨時在http://crbug.com/66628中分享它(請注意#6中的測試用例)。如果結果看起來非常好,它將被集成到Web Inspector CSS中。 –