Pixel Perfect https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/
是不是在FF6和接缝上不再工作,他们不会更新它,是否有任何现有的添加或方式来做同样的事情,这个添加正在做什么?
关于此附加组件
通过打开和关闭合成,开发人员可以直观地看到 他们在开发中关闭了多少像素。
Pixel Perfect还有一个不透明度选项,以便您可以查看HTML 低于构图。通过能够看到组成和 你可以在Pixel Perfect的同时使用Firebug的HTML 仍然在行动。
- 需要Firebug
答案 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)
答案 5 :(得分:0)