is there an add on do the same as Pixel Perfect for firefox or chrome? [closed]

Question

Pixel Perfect https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/
Is not working any more on FF6 and seams that they will not update it, is there any existing add on or way to do the same thing this add on was doing?

About this Add-on

By toggling the composition on and off, the developer can visually see how many pixels they are off in development.

Pixel Perfect also has an opacity option so that you can view the HTML below the composition. By being able to see both the composition and the HTML you can now simultaneously use Firebug while Pixel Perfect is still in action.

• Requires Firebug

Answer 1

For Google Chrome try "PerfectPixel by WellDoneCode" extension: https://chrome.google.com/webstore/detail/dkaagdgjmgdmbnecmcefdhjekcoceebi

IMHO it's the best PP analogue in Chrome Web Store

Answer 2

Yes, there is an alternative, and it's cross browser and future proof:

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 */
}

Granted, a plugin such as PixelPerfect is nice, but if you run into bugs or other issues with it, then it's not worth it.

Alternatively, you can do something such as this: Install "Power Menu" (on Windows) or equivalent software. Power Menu lets you change the opacity of OS windows. Now open the comp in your image preview software, reduce opacity of the window, and drag on top of your browser.

This might not answer the question directly, but I'm pointing out alternative solutions which do not involve browser plugins, which may have been overlooked.