ورود با اکانت گوگل
یا
آقای متریال

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

اینسپکت المنت “inspect element” در اندروید

alisaffari


اطلاعات نویسنده
alisaffari

alisaffari

  • Exclusive Author
  • sold_between_10_000_and_50_000_dollars
  • bought_between_1_and_9_items
  • Iran (Islamic Republic of)
نمونه کارها
پشتیبانی
برای دیدن اطلاعات تماس تهیه کننده این محصول باید محصول رو خریداری کرده باشید

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

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

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

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

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

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

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

 

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

 

پیش نیاز ها

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

۲ – کابل usb

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

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

 

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

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

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

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

chrome://inspect

 

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

۱

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

Screenshot_20160512-223038

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

۵

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

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

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

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

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

 

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

دیدگاه هایی که برای این مطلب ارسال شده

  1. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: آریا اردیبهشت ۲۳, ۱۳۹۵

    عالی بود

  2. […] منبع : آقای متریال […]

  3. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: سعید مهر ۲۹, ۱۳۹۵

    اگه روی لوکال هاست باشه سایت و از نوع aspx هم باشه جواب میده.من تمام راهو رفتم ولی تو گوشی نمیشه

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی

لوگوی دوستان

هایپر تمپ | HyperTemp