Átfedő képek bármilyen HTML-en / webhelyen pixel-összehasonlítás céljából [Chrome]

PerfectPixel, egy Chrome kiterjesztés, lehetővé teszi a webfejlesztőknek és a tervezőknek, hogy könnyen átfedjék a félig átlátszó képet egy fejlett HTML weboldal tetejére. A kép mozgatásával egy weboldalon a fejlesztők vizuálisan láthatják a képpontok különbségét. A kiterjesztésnek egy opálossági opciója is van, amely lehetővé teszi mind az overlay, mind a fejlesztett HTML megtekintését. A kép mozgatása közben a koordináták automatikusan frissülnek a PerfectPixel felbukkanó ablakban, amelyet másolhatnak és felhasználhatnak a webfejlesztők.

Miután telepítette a kiterjesztést, kattintson az eszközsoron található gombra, és egy felbukkanó képernyő jelenik meg a weboldalán. kettyenés Adjon hozzá új réteget és válassza ki a fájlt a helyi rendszerből. Ez a kép azonnal felkerül egy rétegre a weboldalon. tudsz Mutat elrejt képeket, és válasszon másokat is. Mozgassa a képet körül, hogy különböző helyzetekben tesztelje, és a koordináták automatikusan frissülnek a felbukkanó ablakban. Felvehet annyi képet, amennyit csak akar, és kiválaszthatja azokat, ha rákattint. Miután a kép helyesen van elhelyezve, a frissített koordináták segítségével elhelyezheti a képet a CSS-en keresztül. A fejlesztő több overlay támogatást megemlített; a tesztelés azonban nem tudott több réteget felvenni.

A PerfectPixel Opciók engedélyezheti a Tárolási kompatibilitási mód, amely a képek feltöltésével kapcsolatos kompatibilitási problémák megoldására szolgál. A kompatibilitási mód használatának korlátozása azonban az, hogy a fájlméret legfeljebb 1,5 MB lehet. Engedélyezheti a Hibakeresési mód és Gyorsbillentyűk.

tesztelésünk azonban azt mutatta, hogy bár több réteg felvehető, az adott oldalon egyszerre csak egy réteget tekinthet meg. Ez sajnálatos korlátozás, és a fejlesztőnek fontolóra kell vennie annak megváltoztatását, hogy több réteg egyszerre legyen megnézhető. A „Zárolás” gomb elmenti a hozzáadott képréteg helyét, még akkor is, ha kilép a kiterjesztésből (kattintson a gombját ismét úgy, hogy a panel eltűnik) emlékezni fog a képek helyzetére, amikor legközelebb kinyitja azt.

A PerfectPixel kiterjesztés meglehetősen praktikus eszköz a webfejlesztők és a tervezők számára, és elérhető az alábbi Chrome Internetes áruház linkjén.

Telepítse a PerfectPixel programot a Google Chrome-hoz