PxCook

一、前言

  作为一名前端程序员，我们需要对UI设计师给我们的UI图进行分析，并撰写网页代码。这时，我们就需要一个软件去查看UI图中每一个元素的属性，毕竟UI设计师没有责任去帮我们全部标注出来。当然，如果都标注出来，也很乱，你自己也不想看了。
  所以这个时候，我们就需要一个可以查看元素属性的软件。
  这里，我比较推荐PxCook。
官方网址：https://www.fancynode.com.cn/pxcook

二、功能

1.元素属性的标注

  在PxCook中，我们可以直接将鼠标移入元素中直接查看元素的width,height,margin…方便快捷。
  当然我们也可以直接用PS，但是PS软件较大，打开速度慢，Pxcook相对来说就比较小了，而且PS查看元素属性的时候，你需要通过标尺来查看，还需要将标尺拖动到指定的位置。因此我比较推荐PxCook。

2.生成可执行样式代码

  在PxCook中我们可以直接生成可执行样式代码，提高开发效率。PS中也可以查看元素的可执行样式，但是我们需要先通过元素找到元素所在的图层，然后通过图层再去找可执行样式代码，相对来说比较麻烦。

3.兼容性强

  支持 Win／Mac, 支持 PS／Sketch / XD

---

   你？心动了吗？


我是一个宁愿写bug也不愿什么都不做的小菜鸡。

键盘敲烂，工资过完！