有没有添加与Pixel Perfect for firefox或chrome相同?

时间:2011-09-08 01:28:09

标签: firefox-addon

Pixel Perfect https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/
是不是在FF6和接缝上不再工作,他们不会更新它,是否有任何现有的添加或方式来做同样的事情,这个添加正在做什么?

  

关于此附加组件

     

通过打开和关闭合成,开发人员可以直观地看到   他们在开发中关闭了多少像素。

     

Pixel Perfect还有一个不透明度选项,以便您可以查看HTML   低于构图。通过能够看到组成和   你可以在Pixel Perfect的同时使用Firebug的HTML   仍然在行动。

     
      
  • 需要Firebug
  •   

6 个答案:

答案 0 :(得分:7)

对于Google Chrome,请尝试使用“PerfectPixel by WellDoneCode”扩展程序:https://chrome.google.com/webstore/detail/dkaagdgjmgdmbnecmcefdhjekcoceebi

恕我直言,这是Chrome网上应用店中最好的PP模拟

答案 1 :(得分:2)

是的,还有另一种选择,它是跨浏览器和未来的证明:

body {
  background-image: url(design.jpg);
  background-repeat: no-repeat;
  background-position: top center; /* adjust to whatever you like. */
  opacity: 0.6; /* see through the page */
}

当然,像PixelPerfect这样的插件很不错,但如果遇到bug或其他问题,那就不值得了。

或者,您可以执行以下操作:安装“Power Menu”(在Windows上)或等效软件。 Power Menu允许您更改OS窗口的不透明度。现在打开图像预览软件中的comp,减少窗口的不透明度,然后在浏览器上拖动。

这可能不会直接回答这个问题,但我指出了不涉及浏览器插件的替代解决方案,这可能会被忽视。

答案 2 :(得分:2)

作为替代方案,可以使用书签http://dsheiko.github.io/pixel-perfect-bookmarklet/

答案 3 :(得分:1)

我一直在使用这个 - https://chrome.google.com/webstore/detail/olfihdjffmgfmmcdodcgciejhnhibalg#

没关系,做了它应该没有太多错误的事情。

当我发现它可以访问“您计算机上的所有数据和您访问的网站”时,我卸载了。

我对chrome插件知之甚少,看看为什么这是必要的。不知道我是不是只是偏执狂?


编辑 - 添加备选方案

https://chrome.google.com/webstore/detail/ginhbdfcoiigpedgaidclojolemiincd

https://chrome.google.com/webstore/detail/ealmmafhdlpgegmalecokhkhpbbdboei

这些都说他们可以访问您访问的网站上的所有数据。仍然不确定为什么需要这样做。

答案 4 :(得分:1)

Pixel Perfect 2适用于最新的Firefox(36) https://github.com/firebug/pixel-perfect/wiki

(不需要萤火虫)

洪扎

答案 5 :(得分:0)