作者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