ناساندنی ئامرازی پشکنین (Inspect Element)

ئامرازی پشکنین یەکێکە لە گرنگترین ئامرازەکان بۆ هەر گەشەپێدەرێکی وێب. ئەم ئامرازە ڕێگەت پێدەدات بە شێوەی ڕاستەوخۆ سەیری کۆدی HTML و CSS-ی پەڕەی وێبەکەت بکەیت و گۆڕانکاری تێدا ئەنجام بدەیت.

چۆن دەست پێ بکەین؟

بۆ کردنەوەی ئەم ئامرازە، کرتەی ڕاست (Right-click) بکە لەسەر هەر بەشێکی پەڕەی وێبەکەت و بژاردەی Inspect هەڵبژێرە. هەروەها دەتوانیت دوگمەی F12 یان Ctrl + Shift + I بەکاربهێنیت.

بەشە سەرەکییەکانی ئامرازەکە

• Elements: بۆ بینینی پێکهاتەی HTML و CSS-ی پەیوەندیدار.
• Styles: لەم بەشەدا دەتوانیت CSS-ی توخمەکان ببینیت، ڕەنگەکان بگۆڕیت، یان بەهاکان (Values) تاقیبکەیتەوە.
• Computed: بۆ بینینی قەبارەی کۆتایی توخمەکە وەک margin, padding و border.

نموونەی تاقیکردنەوەی CSS

دەتوانیت لە بەشی Styles بەهای CSS بگۆڕیت بۆ ئەوەی بزانیت دیزاینەکە چۆن دەردەکەوێت:

/* لە بەشی Styles دەتوانیت بەهای خوارەوە بگۆڕیت */
h1 {
  color: blue;
  font-size: 24px;
  margin-top: 20px;
}

سوودەکانی بەکارهێنانی Inspect

• دۆزینەوەی خێرای هەڵەکان لە CSS.
• تاقیکردنەوەی دیزاینی وەڵامدەرەوە (Responsive Design) بۆ مۆبایل و تابلێت.
• بینینی ئەوەی کە کام فایل یان کام ڕیزەی کۆد کاریگەری لەسەر توخمێک هەیە.