[問題] Chrome dev tool新手問題

看板Web_Design作者 (Merry Christmas!)時間12年前 (2013/10/12 16:17), 編輯推噓1(1推 0噓 15→)
留言16則, 3人參與, 最新討論串1/1
想請問板上的大大們 在微調版面的時候開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
→
10/12 16:27, , 1F
開發者工具裡面就可以直接修改 CSS 了。
10/12 16:27, 1F
→
10/12 20:39, , 2F
A大我的意思是調css，margin、padding那些顏色
10/12 20:39, 2F
→
10/12 20:40, , 3F
可以有辦法不消失嗎調css時
10/12 20:40, 3F
→
10/12 20:41, , 4F
在chrome element panel調還是會不見
10/12 20:41, 4F
→
10/12 20:58, , 5F
雖然不太一樣，不過開發者工具的設定裡面的「Show paint
10/12 20:58, 5F
→
10/12 20:59, , 6F
rectangles」不知道有沒有符合你的需要。
10/12 20:59, 6F
→
10/12 20:59, , 7F
（設定在開發者工具右下角的齒輪）
10/12 20:59, 7F
→
10/13 02:03, , 8F
paint rectangles是紅色的框框,我不知道他的用處是什麼...
10/13 02:03, 8F
→
10/13 02:04, , 9F
我想keep的是css box model橙色,紫色,綠色那個,不過兩個在
10/13 02:04, 9F
→
10/13 02:04, , 10F
修改css的時候都會消失...
10/13 02:04, 10F
推
10/13 04:48, , 11F
我現在才看懂原po的問題XDD
10/13 04:48, 11F
→
10/13 04:50, , 12F
然後 akiratw 說的功能其實是用來畫出瀏覽器重繪區域用的
10/13 04:50, 12F
→
10/13 07:34, , 13F
終於看懂原 PO 的問題了 XD。好像沒辦法一直顯示就是了。
10/13 07:34, 13F
→
10/13 12:27, , 14F
請問什麼是重繪區域？
10/13 12:27, 14F
→
10/13 12:28, , 15F
有時候不會消失耶，調整起來超有效率＞＜
10/13 12:28, 15F
→
10/13 12:29, , 16F
抱歉講的不清楚，下次附圖:-)
10/13 12:29, 16F
‣ 更多 wooji 的文章
文章代碼(AID): #1IMGMBtE (Web_Design)