作者wooji (Merry Christmas!)
看板Web_Design
標題[問題] Chrome dev tool新手問題
時間Sat Oct 12 16:17:12 2013
想請問板上的大大們
在微調版面的時候開chrome dev tool選用inspect element
然後在page上選element去調試
這時候會顯示該元素的padding和margin的顏色
我通常會接著去text editor調試相關layout
但此時只要移過去text editor
該元素的高度寬度,margin,padding等顏色就會消失
然後又要移到chrome裡面去顯示一遍
感覺很沒有效率
但有時候移到text editor該元素的pdding等相關顏色又可以保持
我發現這樣去editor裡面調試很方便
但有時候有,有時候沒有
請問有辦法讓他不消失嗎？
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 58.115.80.47
1F：→ akiratw:開發者工具裡面就可以直接修改 CSS 了。 10/12 16:27
2F：→ wooji:A大我的意思是調css，margin、padding那些顏色 10/12 20:39
3F：→ wooji:可以有辦法不消失嗎調css時 10/12 20:40
4F：→ wooji:在chrome element panel調還是會不見 10/12 20:41
5F：→ akiratw:雖然不太一樣，不過開發者工具的設定裡面的「Show paint 10/12 20:58
6F：→ akiratw:rectangles」不知道有沒有符合你的需要。 10/12 20:59
7F：→ akiratw:（設定在開發者工具右下角的齒輪） 10/12 20:59
8F：→ wooji:paint rectangles是紅色的框框,我不知道他的用處是什麼... 10/13 02:03
9F：→ wooji:我想keep的是css box model橙色,紫色,綠色那個,不過兩個在 10/13 02:04
10F：→ wooji:修改css的時候都會消失... 10/13 02:04
11F：推 hit1205:我現在才看懂原po的問題XDD 10/13 04:48
12F：→ hit1205:然後 akiratw 說的功能其實是用來畫出瀏覽器重繪區域用的 10/13 04:50
13F：→ akiratw:終於看懂原 PO 的問題了 XD。好像沒辦法一直顯示就是了。 10/13 07:34
14F：→ wooji:請問什麼是重繪區域？ 10/13 12:27
15F：→ wooji:有時候不會消失耶，調整起來超有效率＞＜ 10/13 12:28
16F：→ wooji:抱歉講的不清楚，下次附圖:-) 10/13 12:29