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

PerfectPixel, egy Chrome-bővítmény, amely lehetővé teszi a webfejlesztőknek és aa tervezők könnyen átfedhetik a félig átlátszó képet a 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ásakor 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 az Ön 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 másképp teszteljepozíciókat, é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 Lehetőségek 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ármit is tudszHa több réteget ad hozzá, akkor egy 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 helyzetét, és még akkor is, ha kilép a kiterjesztésből (kattintson újra a gombra, hogy a panel eltűnjön), akkor emlékezni fog a képek helyzetére, amikor legközelebb megnyitja.

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