برای جستجو کلمه مورد نظر خود را وارد کنید

سلام دوستان امیدوارم موفق باشید

داشتم قالب جدید سایت رو رسپانسیو میکردم که در یکی از قسمت های سایت به مشکل خوردم

توی مرورگر سالم بود .لی توی گوشی خراب میشد. که با سرچ های فراوان اینسپکت المنت “inspect element” برای اندروید پیدا کردم که میخام توی مطلب یاد بدم چطور شما هم ازش استفاده کنید

اول یسری توضیحات در موردش میدم

۱ – چون صفحه گوشی کوچیکه و امکان نمایش کد ها وجود نداره و اگه هم و جود داشت ویرایش کردن خیلی سخت بود برای استفاده از این ابزار نیاز به pc دارید.

۲ – برای اتصال گوشی و pc باید از کابل استفاده کنیم

۲ – تغیرات هم زمان در گوشی هم اعمال میشه و این خیلی عالیه

 

ممکنه در استفاده از این ابزار با ارور ۴۰۳ مواجه بشید . برای رفع این ارور باید فـ ـلـ ـتـ ـر ـشـ ـکـ ـن روشن کنید

 

پیش نیاز ها

۱ – pc + مرورگر کروم

۲ – کابل usb

۳ – موبایل با سیستم عامل اندروید + مرورگر کروم

۴ – فعال بودن دیباگ در گوشی (آموزشش توی نت زیاده)

 

آموزش استفاده

۱ – گوشی رو از طریق کابل به سیستم وصل کنید

۲ – مرورگر کروم در گوشی باز کنید و ادرس سایت خودتونو وارد کنید

۳ – مروگر کروم در pc رو اجرا کنید و ادرس زیر رو وارد کنید

chrome://inspect

 

بعد از باز کردن ادرس بالا با صفحه زیر رو برو میشید

۱

۴ – اگه گوشی به سیستم متصل باشه و دیباگ فعال باشه یه پیغام توی گوشی میاد برای تایید دسترسی از طریق adb که باید تایید کنید (برای بعضی گوشی ها نمیاد بستگی به ورژن اندروید داره)

Screenshot_20160512-223038

۵ – بعد از تایید کردن لیست سایت های که توی گوشی لود شده به همراه چنتا گزینه برای هر ادرس نمایش میاد . مثل عکس زیر

۵

توضیح گزینه های مربوطه :

close : تب مربوطه رو می بنده

reload : تب مربوطه رو رفرش میکنه

 focus tab : فرض کنید چنتا تب هم زمان و جود داشته باشه برای این که تب مربوطه نمایش بیاد از این استفاده میکنیم

inspect : با استفاده از این ما میتونیم انسپکت اون صفحه رو بگیریم

 

ممنون بابت نظرات با ارزش شما 🙄