四、Chrome调试工具

四、Chrome调试工具

1.1 Chrome调试工具操作

1. 打开方式

• 右击→ 检查
• 看哪里

1. 选择元素

• 两种常见方法

1. 控制样式

• 修改属性值
• 添加属性
• 控制样式生效

1. 特殊情况

• 出现删除线
• 出现小三角形

1.2 Chrome调试工具总结

（拓展）查错流程（遇到样式出不来,要学会通过调试工具找错）

1. PxCook的基本使用

1. 1.通过软件打开设计图

• 打开软件
• 拖拽入设计图
• 新建项目

1. 2.常用快捷键

• 放大设计图: ctrl ++
• 缩小设计图: ctrl ±
• 移动设计图:空格按住不放,鼠标拖动

1. 3. 常用工具

• 量尺寸
• 吸颜色

1. 从psd文件中直接获取数据

• 切换到开发界面，直接点击获取数据