Pixel Perfectคืออะไร?

Pixel Perfect เป็นส่วนขยายของ Chrome ที่พัฒนาโดย hugowebfr และคุณลักษณะหลักของมันคือ "Make your CSS looks exactly to your design with a image comparasion"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Pixel Perfect

ดาวน์โหลดไฟล์ส่วนขยาย Pixel Perfect ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

Pixel Perfect allow you to compare in real time your design in JPG / PNG with your current integration to fix your CSS.
The must have extensions for web integration and front-end developper
Pixel perfect is an extension for Chrome (maybe firefox in the future)
This extension open a window with a dropzone, then you drag and drop your design and go for Preview
It will open a slider on the current tab to compare the design or mockup to the actual integration

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	Pixel Perfect
ID	llpcibpmbpghnfdfggnnpdfapijaakln
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln
คำอธิบาย	Make your CSS looks exactly to your design with a image comparasion
ขนาดไฟล์	27.69 KB
จำนวนการติดตั้ง	100
เวอร์ชันปัจจุบัน	1.5
อัปเดตครั้งล่าสุด	2022-06-03
วันที่เผยแพร่	2021-07-22
คะแนน	1.00/5 รวมทั้งหมด 1 คะแนน
ผู้พัฒนา	hugowebfr
อีเมล	[email protected]
ประเภทการชำระเงิน	free
URL หน้าช่วยเหลือ	https://hugo-web.fr
ภาษาที่รองรับ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Pixel Perfect", "description": "Make your CSS looks exactly to your design with a image comparasion", "version": "1.5", "manifest_version": 2, "permissions": [ "storage" ], "browser_action": { "default_popup": "popup.html", "default_icon": { "16": "\/images\/logo16.png", "32": "\/images\/logo32.png", "48": "\/images\/logo48.png", "128": "\/images\/logo128.png" } }, "web_accessible_resources": [ "popup.html" ], "icons": { "16": "\/images\/logo16.png", "32": "\/images\/logo32.png", "48": "\/images\/logo48.png", "128": "\/images\/logo128.png" } }