استخراج مقتطف: استخراج كود HTML / CSS بسهولة
يعد eXtract Snippet إضافة مفيدة لمتصفح Chrome تم تطويرها بواسطة Melwyn Pawar تسمح للمستخدمين بسهولة استخراج مقتطفات من رمز HTML و CSS من المواقع. باستخدام هذه الأداة ، يمكنك فحص أي عنصر في موقع ويب والحصول بسرعة على رمزه المقابل من HTML و CSS.
لاستخدام eXtract Snippet ، قم ببساطة بتثبيت الإضافة وفتح أدوات تطوير Chrome عن طريق النقر بزر الماوس الأيمن على العنصر الذي ترغب في فحصه واختيار "فحص العنصر". في أدوات التطوير ، ستجد لوحة تحمل اسم "eXtract HTML CSS". انقر على هذه اللوحة ثم انقر على زر "الحصول على رمز HTML / CSS للعنصر المفحوص".
سيقوم المستخرج بتصفية الأكواد CSS ذات الصلة فقط واستخراج رمز HTML للمقتطف المفحوص. على الرغم من أن المقتطفات الأصغر يتم معالجتها بسرعة ، قد يستغرق المقتطفات الأكبر وقتًا أطول. يتطابق الرمز المستخرج النهائي تقريبًا مع المقتطف الفعلي على الموقع.
بالإضافة إلى ذلك ، يتيح لك eXtract Snippet معاينة الرمز المستخرج على منصات شهيرة مثل CodePen و JSFiddle أو JSbin. قم ببساطة بالنقر على الأزرار المعنية أدناه الرمز المستخرج لرؤية كيف يبدو في العمل.
يرجى ملاحظة أن الإصدار 1.4 من eXtract Snippet يدعم أيضًا استخراج HTML و CSS من الإطارات الداخلية (iframes) ، مما يجعله أكثر مرونة لمطوري الويب والمصممين.
