Pointer
فحص سريع وفعال لعناصر الصفحة عبر مؤشر دائم
امتداد كروم لتحسين عملية فحص عناصر الصفحة. يوفر تحديد عناصر DOM دائم، وعرض نموذج الصندوق المرئي، وقياسات، بالإضافة إلى تكامل مع أدوات مطوري كروم. يدعم اختصارات لوحة المفاتيح، وتعديل السمات، ووظائف متقدمة مثل بحث مُحدد CSS.
المزيد عن Pointer
Pointer
Pointer هي أداة فحص عناصر مُحسّنة لـ Chrome DevTools. تُوفر هذه الأداة تجربة سلسة وبديهية لفحص عناصر واجهة المستخدم، مع إمكانية عرض مرئي للأبعاد والقياسات. تُساعد هذه الميزات المُطوّرين على تحسين جودة صفحات الويب الخاصة بهم.
- •اختيار العنصر دائمًا:تتيح لك هذه الميزة التنقل بين عناصر واجهة المستخدم باستخدام مفاتيح الأسهم أو النقر، مع بقاء مؤشر الفحص نشطًا بين عمليات الاختيار المتعددة.
- •عرض نموذج الصندوق المرئي:يوضح لك هذه الميزة هوامش، وحشو، ومناطق المحتوى باستخدام تراكب ملون.
- •معلومات العنصر:عند تمرير مؤشر الماوس فوق أي عنصر، سترى اسم العنصر، وأبعاده، وفئات CSS الخاصة به، وعلامات السلوك (مثل: مرونة، شبكة، وسائط، حاويات التمرير، ومستمعي الأحداث).
- •مسطرة مدمجة:عند الضغط على مفتاح Alt، سترى المسافات بالبكسل بين العناصر المحددة والعناصر التي تمر فوقها.
- •تكامل DevTools:يتم مزامنة العناصر المحددة تلقائيًا مع لوحة عناصر Chrome DevTools. يقوم المفتش بالتمرير لعرض العناصر ويحافظ على حالة التحديد عند إعادة فتح DevTools.
- •وضع المرور:اضغط على علامة العودة العكسية (`) لإجراء تفاعل طبيعي مع عناصر الصفحة مؤقتًا مع الحفاظ على نشاط المفتش.
- •التلاعب بـ DOM:يمكنك قص، ونسخ، ولصق، وحذف، ونسخ عناصر مباشرة في الصفحة. يدعم التراجع/إعادة التنفيذ الكامل.
- •محرر السمات المضمن:اضغط على `/` لإضافة سمات، وفئات، وخصائص إلى العناصر المحددة دون التبديل إلى لوحة عناصر DevTools.
- •وحدة تحكم JavaScript:اضغط على `;` لتنفيذ أوامر JavaScript مع العنصر المحدد كسياق "this". مثالي للتعديلات السريعة على DOM و تصحيح الأخطاء.
- •بحث المُحدد:اضغط على "f" للدخول إلى وضع البحث وتسليط الضوء على جميع العناصر التي تتطابق مع مُحدد CSS في الوقت الفعلي.
باستخدام أداة Pointer، يمكنك تحسين سير عملك بشكل كبير من خلال توفير الوقت والجهد المبذولين في عمليات فحص عناصر واجهة المستخدم. تُسهّل هذه الأداة عملية التنقل بين العناصر، وتُوفر معلومات مفصلة عن كل عنصر، مما يُمكّنك من تحديد المشاكل وحلها بسرعة وفعالية. اختر Pointer لتجربة فحص عناصر أكثر كفاءة وسهولة.
