گوگل کروم براؤزر میں انسپیکٹ عنصر کو استعمال کرنے کے لیے نکات

Tips Using Inspect Element Google Chrome Browser



گوگل کروم میں معائنہ عنصر کو بہتر طریقے سے استعمال کرنے میں آپ کی مدد کرنے کے لیے کچھ نکات یہ ہیں۔ ریئل ٹائم میں ویب سائٹ میں ترمیم کریں، ردعمل کی جانچ کریں، چھپی ہوئی فائلیں تلاش کریں اور بہت کچھ!

یہ فرض کرتے ہوئے کہ آپ گوگل کروم براؤزر میں انسپیکٹ عنصر کی خصوصیت کو استعمال کرنے کے بارے میں تجاویز چاہتے ہیں: جس عنصر کا آپ معائنہ کرنا چاہتے ہیں اس پر دائیں کلک کریں اور ڈراپ ڈاؤن مینو سے 'معائنہ کریں' کو منتخب کریں۔ آپ انسپکٹر کو کھولنے کے لیے کی بورڈ شارٹ کٹ Ctrl+Shift+I (Windows) یا Cmd+Opt+I (Mac) بھی استعمال کر سکتے ہیں۔ انسپکٹر کھولنے کے بعد، آپ کو بائیں جانب صفحہ کے لیے HTML اور دائیں جانب CSS نظر آئے گا۔ آپ انسپکٹر میں ایچ ٹی ایم ایل اور سی ایس ایس میں تبدیلیاں کر سکتے ہیں اور دیکھ سکتے ہیں کہ وہ تبدیلیاں صفحہ پر فوری طور پر اثر انداز ہوتی ہیں۔ انسپکٹر سے باہر نکلنے کے لیے، صرف اوپری دائیں کونے میں X پر کلک کریں۔



گوگل کروم نہ صرف عام ویب صارفین کے لیے ہے بلکہ ویب ڈویلپرز کے لیے بھی ہے جو اکثر ویب سائٹس بناتے ہیں، بلاگ بناتے ہیں وغیرہ۔ عنصر کی جانچ کریں۔ یا معائنہ کریں۔ گوگل کروم آپشن صارفین کو کسی ویب سائٹ کے بارے میں کچھ معلومات تلاش کرنے میں مدد کرتا ہے جو نظر سے پوشیدہ ہے۔ ونڈوز پی سی کے لیے گوگل کروم براؤزر میں انسپیکٹ ایلیمنٹ استعمال کرنے کے لیے کچھ نکات یہ ہیں۔







گوگل کروم عنصر کو چیک کریں۔

1] پوشیدہ جاوا اسکرپٹ/میڈیا فائلیں تلاش کریں۔





گوگل کروم عنصر کو چیک کریں۔



صارف پروفائل ونڈوز 10 کو حذف کریں

اگر کوئی وزیٹر 15 یا 20 سیکنڈ سے زیادہ ویب پیج پر رہتا ہے تو بہت سی ویب سائٹیں پاپ اپ دکھاتی ہیں۔ یا، بہت سے معاملات میں، غلطی سے کہیں پر کلک کرنے کے بعد کوئی تصویر، اشتہار، یا آئیکن کھل جاتا ہے۔ ویب صفحہ پر ان چھپی ہوئی فائلوں کو تلاش کرنے کے لیے، آپ استعمال کر سکتے ہیں۔ ذرائع عنصر ٹیب کا معائنہ کریں۔ بائیں طرف ایک درخت کی طرح کی فہرست دکھائی دیتی ہے، جسے آپ تلاش کر سکتے ہیں۔

ونڈوز 10 پروفائل کی مرمت کا آلہ

2] کروم میں HEX/RGB کلر کوڈ حاصل کریں۔

گوگل کروم عنصر، تجاویز اور چالوں کا معائنہ کریں۔



کبھی کبھی ہمیں رنگ پسند ہو سکتا ہے اور ہم اس کا رنگ کوڈ جاننا چاہتے ہیں۔ آپ گوگل کروم میں بلٹ ان آپشن کا استعمال کرتے ہوئے کسی خاص ویب پیج پر استعمال ہونے والے HEX یا RGB کلر کوڈ کو آسانی سے تلاش کر سکتے ہیں۔ کسی رنگ پر دائیں کلک کریں اور منتخب کریں۔ معائنہ کریں۔ . زیادہ تر معاملات میں، آپ کو مختلف CSS کے ساتھ دائیں طرف ایک رنگ کوڈ ملے گا۔ اگر آپ اسے نہیں دیکھتے ہیں، تو آپ کو مفت رنگ چننے والا سافٹ ویئر استعمال کرنے کی ضرورت پڑ سکتی ہے۔

ٹپ : ان پر ایک نظر ڈالیں۔ آن لائن کلر چننے والے ٹولز اسی.

3] ویب پیج کی کارکردگی کو بہتر بنانے کے لیے تجاویز حاصل کریں۔

گھماؤ

گوگل کروم عنصر، تجاویز اور چالوں کا معائنہ کریں۔

ہر کوئی ایسی سائٹ پر جانا پسند کرتا ہے جو جلدی سے کھلتی ہے۔ اگر آپ اپنی ویب سائٹ ڈیزائن کر رہے ہیں، تو آپ کو اسے ہمیشہ ذہن میں رکھنا چاہیے۔ صفحہ لوڈ کرنے کی رفتار کو جانچنے اور بہتر بنانے کے لیے بہت سے ٹولز موجود ہیں۔ تاہم، گوگل کروم میں ایک بلٹ ان ٹول بھی ہے جو صارفین کو ویب سائٹ کی لوڈنگ کی رفتار کو بہتر بنانے کے لیے تجاویز حاصل کرنے کی اجازت دیتا ہے۔ ان ٹولز تک رسائی کے لیے، پر جائیں۔ آڈٹ ٹیب اور یقینی بنائیں نیٹ ورک کا استعمال , ویب صفحہ کی کارکردگی ، میں صفحہ دوبارہ لوڈ کریں اور لوڈ پر آڈٹ کریں۔ منتخب شدہ. پھر کلک کریں۔ رن بٹن یہ صفحہ کو دوبارہ لوڈ کرے گا اور آپ کو کچھ معلومات دکھائے گا جو صفحہ کو تیز کرنے کے لیے استعمال کی جا سکتی ہیں۔ مثال کے طور پر، آپ وہ تمام وسائل حاصل کر سکتے ہیں جن کی میعاد ختم نہیں ہوئی ہے، جاوا اسکرپٹ جو ایک فائل میں مل سکتے ہیں، وغیرہ۔

4] ٹیسٹ ردعمل

گوگل کروم عنصر، تجاویز اور چالوں کا معائنہ کریں۔

آج کل، ویب صفحہ کو ذمہ دار بنانا انتہائی ضروری ہے۔ بہت سارے ٹولز ہیں جو چیک کر سکتے ہیں کہ آیا آپ کی سائٹ پوری طرح سے جوابدہ ہے۔ تاہم گوگل کروم کا یہ ٹول صارفین کی مدد کرتا ہے۔ معلوم کریں کہ آیا کوئی سائٹ جوابدہ ہے یا نہیں۔ اور یہ بھی چیک کریں کہ یہ کسی مخصوص موبائل ڈیوائس پر کیسا نظر آئے گا۔ کوئی بھی سائٹ کھولیں، حاصل کریں۔ عنصر کی جانچ کریں۔ ٹیب، پر کلک کریں موبائل بٹن پر کلک کریں، ریزولوشن سیٹ کریں، یا ویب صفحہ چیک کرنے کے لیے مطلوبہ ڈیوائس کو منتخب کریں۔

محفوظ بوٹ ونڈوز 10 کو غیر فعال کریں

5] لائیو ویب سائٹ میں ترمیم کریں۔

گوگل کروم عنصر، تجاویز اور چالوں کا معائنہ کریں۔

فرض کریں کہ آپ ایک ویب صفحہ بنا رہے ہیں، لیکن آپ نہیں جانتے کہ رنگ سکیم، نیویگیشن مینو کا سائز، مواد، یا سائڈبار کا پہلو تناسب کیا ہے۔ آپ Google Chrome میں Inspect Element کے آپشن کا استعمال کرتے ہوئے اپنی لائیو ویب سائٹ میں ترمیم کر سکتے ہیں۔ جب کہ آپ لائیو ویب سائٹ میں تبدیلیاں محفوظ نہیں کر سکتے، آپ تمام ترمیم کر سکتے ہیں تاکہ آپ اسے بعد میں استعمال کر سکیں۔ ایسا کرنے کے لیے Inspect Element کو کھولیں، بائیں جانب HTML پراپرٹی کو منتخب کریں، اور دائیں جانب انداز میں تبدیلیاں کریں۔ اگر آپ CSS میں کوئی تبدیلی کرتے ہیں، تو آپ فائل کے لنک پر کلک کر سکتے ہیں، تمام کوڈ کاپی کر سکتے ہیں، اور اسے اصل فائل میں چسپاں کر سکتے ہیں۔

ونڈوز کی خرابیوں کو تیزی سے ڈھونڈنے اور خود بخود ٹھیک کرنے کے لیے پی سی کی مرمت کا ٹول ڈاؤن لوڈ کریں۔

گوگل کروم سے عنصر کا معائنہ ہر ویب ڈویلپر کا حقیقی ساتھی ہے۔ چاہے آپ ایک صفحے کی ویب سائٹ یا متحرک ویب سائٹ ڈیزائن کر رہے ہوں، آپ یقیناً ان تجاویز سے فائدہ اٹھا سکتے ہیں۔

مقبول خطوط