نحوه بررسی عنصر در برنامه اندروید (به راحتی)

Summarize this content to 400 words in Persian Lang اگر تا به حال به این فکر کرده اید که “چگونه می توانم یک برنامه اندروید را به همان روشی که با وب سایت ها انجام می دهم بررسی کنم؟” – شما در جای مناسب هستید.
بیایید آن را، گام به گام، برای همه.
اگرچه این مراحل به شما نشان می دهد که چگونه عناصر یک برنامه را بررسی کنید، به خاطر داشته باشید که این فقط برای برنامه هایی کار می کند که مالک آنها هستید یا به کد منبع آنها دسترسی دارید. اگر به بررسی یک برنامه محبوب (مانند AirBnB، Uber و غیره) فکر می کنید، خوب … متاسفم، دوست، اندروید آن بازی را انجام نمی دهد. برخلاف مرورگرهایی که میتوانید همه چیز و همه چیز را بررسی کنید، برنامههای اندروید کمی مالکیت بیشتری دارند. شما فقط می توانید آنچه را که کنترل می کنید بررسی کنید.
اوه، و در حالی که ما در آن هستیم – داخل گزینه های توسعه دهنده، تنظیمی به نام وجود دارد نمایش محدوده های چیدمان. این کمی شبیه قرار دادن عینک های اشعه ایکس برای رابط کاربری برنامه شما است – مرزها، حاشیه ها و لایه های هر چیزی را روی صفحه نمایش نشان می دهد. باحال، درسته؟ خب، یه جورایی این دقیقاً بازرسی عمیق نیست، اما برای بررسی اینکه آیا همه چیز به خوبی مطابقت دارد یا عناصر UI شما بد رفتار می کنند مفید است.
مرحله 1: مطمئن شوید که برنامه شما قابل اشکالزدایی است
اول از همه، برنامه شما باید قابل اشکالزدایی باشد. بدون این، اندروید استودیو به شما اجازه نمیدهد زیر کاپوت نگاه کنید.
در شما build.gradle فایل، مطمئن شوید که تنظیم کرده اید debuggable:true
سر به بالا: تنظیم کنید debuggable:true فقط برای آزمایش یا مرحلهبندی ساختها – نه برای ساختهای تولیدی شما. شما نمی خواهید یک برنامه قابل اشکال زدایی را برای کاربران خود ارسال کنید. این یک خطر امنیتی است
مرحله 2: Gear خود را راه اندازی کنید
برای شروع به چند چیز نیاز دارید:
یک گوشی اندروید (بدیهی است)
یک کابل USB برای اتصال آن به کامپیوتر شما
Android Studio روی کامپیوتر شما نصب شده است
همه چیز را فهمیدید؟ عالیه بیایید شروع کنیم.
مرحله 3: USB Debugging را فعال کنید
مطمئن شوید اشکال زدایی USB در دستگاه شما فعال است. اکثر توسعه دهندگان برنامه های تلفن همراه از قبل این را روشن کرده اند، اما فقط در مورد:
رفتن به گزینه های توسعه دهنده در تنظیمات گوشی شما
روشن کنید اشکال زدایی USB. این به رایانه شما اجازه میدهد تا برای سرگرمی بازرسی با دستگاه Android شما ارتباط برقرار کند.
دستگاه Android خود را از طریق USB وصل کنید، و همه چیز آماده است.
مرحله 4: از Layout Inspector اندروید استودیو استفاده کنید
اندروید استودیو را نصب کنید (رایگان است).
دستگاه اندروید خود را وصل کرده و باز کنید بازرس چیدمان.
روی عناصر UI مختلف کلیک کنید تا ویژگی های آنها را ببینید.
از نمای سه بعدی استفاده کنید تا ببینید چگونه اجزای رابط کاربری شما روی هم چیده می شوند.
بازرس چیدمان نمای بسیار دقیقی از هر عنصر در برنامه شما، از جمله ویژگی ها و سلسله مراتب آن، به شما ارائه می دهد. اینجاست که جادوی واقعی برنامه نویس اتفاق می افتد، به خصوص اگر می خواهید یک UI پیچیده را اشکال زدایی کنید.
مرحله 5: اشکال زدایی با Logcat
Logcat مانند یک فید زنده از آنچه در داخل برنامه شما اتفاق می افتد است.
از نوار جستجو برای فیلتر کردن گزارش ها بر اساس کلمه کلیدی، برچسب یا فرآیند استفاده کنید.
نام بسته برنامه خود را تایپ کنید تا روی گزارش های برنامه خود تمرکز کنید.
به سیاهههای مربوط به رنگ قرمز توجه کنید – آنها نشان دهنده خطا یا خرابی هستند.
استفاده کنید Log.d، Log.i، Log.eو غیره، در کد خود برای چاپ پیام های سفارشی.
مرحله 6: درخواست های شبکه را بررسی کنید
دیدن گزارشهای شبکه/API برای اشکالزدایی بسیار مهم است.
گزینه 1: نمایه شبکه اندروید استودیو
دستگاه و برنامه خود را انتخاب کنید: دستگاه خود و برنامه در حال اجرا را انتخاب کنید.
از تب Network استفاده کنید: عملیات شبکه را در برنامه خود اجرا کنید. آنها اینجا ظاهر می شوند
بررسی درخواستها: برای مشاهده سرصفحهها، پاسخها و بارگذاریها روی درخواستها کلیک کنید.
گزینه 2: از یک OkHttp Interceptor استفاده کنید
اگر برنامه شما از OkHttp برای شبکه استفاده می کند، می توانید فعالیت شبکه را ثبت کنید.
وابستگی را اضافه کنید:
implementation ‘com.squareup.okhttp3:logging-interceptor:4.9.3’
OkHttpClient خود را پیکربندی کنید:
HttpLoggingInterceptor logging = new HttpLoggingInterceptor();
logging.setLevel(HttpLoggingInterceptor.Level.BODY);
OkHttpClient client = new OkHttpClient.Builder()
.addInterceptor(logging)
.build();
اکنون، تمام درخواستها و پاسخهای شبکه شما وارد سیستم میشوند Logcat.(آبی در تصویر بالا)
امتیاز: محتوای وب را با Chrome DevTools بررسی کنید
این قسمتی است که شبیه جادوی توسعه دهنده وب است. اگر برنامه شما از WebView استفاده می کند یا می خواهید وب سایتی را در دستگاه Android خود بازرسی کنید:
Chrome را در رایانه خود باز کنید.
در نوار آدرس تایپ کنید: chrome://inspect
دستگاه Android متصل خود را در لیست خواهید دید.
روی برنامه مورد نظر برای مشاهده Inspect کلیک کنید.
بوم! باید چیزی شبیه به پنل Elements که با برنامههای وب به آن عادت کردهاید، ببینید.
توجه: Chrome DevTools برای بازرسی صفحات وب و محتوای WebView است، نه عناصر بومی رابط کاربری Android.
TL; DR
تنظیم کنید debuggable:true در ساخت اشکالزدایی برنامه شما (نه برای تولید).
فعال کردن اشکال زدایی USB در دستگاه اندرویدی شما.
از اندروید استودیو استفاده کنید بازرس چیدمان برای بازرسی عناصر UI
اهرم Logcat برای ورود به سیستم و ردیابی خطا.
نظارت بر درخواست های شبکه با پروفایل شبکه یا رهگیر OkHttp.
استفاده کنید Chrome DevTools برای بازرسی محتوای WebView.
بررسی عناصر در یک برنامه اندروید به اندازه کلیک راست روی یک صفحه وب آنی نیست، اما با این تنظیمات، تقریباً به همین سادگی است.
اگر تا به حال به این فکر کرده اید که “چگونه می توانم یک برنامه اندروید را به همان روشی که با وب سایت ها انجام می دهم بررسی کنم؟” – شما در جای مناسب هستید.
بیایید آن را، گام به گام، برای همه.
اگرچه این مراحل به شما نشان می دهد که چگونه عناصر یک برنامه را بررسی کنید، به خاطر داشته باشید که این فقط برای برنامه هایی کار می کند که مالک آنها هستید یا به کد منبع آنها دسترسی دارید. اگر به بررسی یک برنامه محبوب (مانند AirBnB، Uber و غیره) فکر می کنید، خوب … متاسفم، دوست، اندروید آن بازی را انجام نمی دهد. برخلاف مرورگرهایی که میتوانید همه چیز و همه چیز را بررسی کنید، برنامههای اندروید کمی مالکیت بیشتری دارند. شما فقط می توانید آنچه را که کنترل می کنید بررسی کنید.
اوه، و در حالی که ما در آن هستیم – داخل گزینه های توسعه دهنده، تنظیمی به نام وجود دارد نمایش محدوده های چیدمان. این کمی شبیه قرار دادن عینک های اشعه ایکس برای رابط کاربری برنامه شما است – مرزها، حاشیه ها و لایه های هر چیزی را روی صفحه نمایش نشان می دهد. باحال، درسته؟ خب، یه جورایی این دقیقاً بازرسی عمیق نیست، اما برای بررسی اینکه آیا همه چیز به خوبی مطابقت دارد یا عناصر UI شما بد رفتار می کنند مفید است.
مرحله 1: مطمئن شوید که برنامه شما قابل اشکالزدایی است
اول از همه، برنامه شما باید قابل اشکالزدایی باشد. بدون این، اندروید استودیو به شما اجازه نمیدهد زیر کاپوت نگاه کنید.
در شما build.gradle
فایل، مطمئن شوید که تنظیم کرده اید debuggable:true
سر به بالا: تنظیم کنید
debuggable:true
فقط برای آزمایش یا مرحلهبندی ساختها – نه برای ساختهای تولیدی شما. شما نمی خواهید یک برنامه قابل اشکال زدایی را برای کاربران خود ارسال کنید. این یک خطر امنیتی است
مرحله 2: Gear خود را راه اندازی کنید
برای شروع به چند چیز نیاز دارید:
- یک گوشی اندروید (بدیهی است)
- یک کابل USB برای اتصال آن به کامپیوتر شما
- Android Studio روی کامپیوتر شما نصب شده است
همه چیز را فهمیدید؟ عالیه بیایید شروع کنیم.
مرحله 3: USB Debugging را فعال کنید
مطمئن شوید اشکال زدایی USB در دستگاه شما فعال است. اکثر توسعه دهندگان برنامه های تلفن همراه از قبل این را روشن کرده اند، اما فقط در مورد:
- رفتن به گزینه های توسعه دهنده در تنظیمات گوشی شما
- روشن کنید اشکال زدایی USB. این به رایانه شما اجازه میدهد تا برای سرگرمی بازرسی با دستگاه Android شما ارتباط برقرار کند.
دستگاه Android خود را از طریق USB وصل کنید، و همه چیز آماده است.
مرحله 4: از Layout Inspector اندروید استودیو استفاده کنید
- اندروید استودیو را نصب کنید (رایگان است).
- دستگاه اندروید خود را وصل کرده و باز کنید بازرس چیدمان.
- روی عناصر UI مختلف کلیک کنید تا ویژگی های آنها را ببینید.
- از نمای سه بعدی استفاده کنید تا ببینید چگونه اجزای رابط کاربری شما روی هم چیده می شوند.
بازرس چیدمان نمای بسیار دقیقی از هر عنصر در برنامه شما، از جمله ویژگی ها و سلسله مراتب آن، به شما ارائه می دهد. اینجاست که جادوی واقعی برنامه نویس اتفاق می افتد، به خصوص اگر می خواهید یک UI پیچیده را اشکال زدایی کنید.
مرحله 5: اشکال زدایی با Logcat
Logcat مانند یک فید زنده از آنچه در داخل برنامه شما اتفاق می افتد است.
- از نوار جستجو برای فیلتر کردن گزارش ها بر اساس کلمه کلیدی، برچسب یا فرآیند استفاده کنید.
- نام بسته برنامه خود را تایپ کنید تا روی گزارش های برنامه خود تمرکز کنید.
- به سیاهههای مربوط به رنگ قرمز توجه کنید – آنها نشان دهنده خطا یا خرابی هستند.
- استفاده کنید
Log.d
،Log.i
،Log.e
و غیره، در کد خود برای چاپ پیام های سفارشی.
مرحله 6: درخواست های شبکه را بررسی کنید
دیدن گزارشهای شبکه/API برای اشکالزدایی بسیار مهم است.
گزینه 1: نمایه شبکه اندروید استودیو
- دستگاه و برنامه خود را انتخاب کنید: دستگاه خود و برنامه در حال اجرا را انتخاب کنید.
- از تب Network استفاده کنید: عملیات شبکه را در برنامه خود اجرا کنید. آنها اینجا ظاهر می شوند
- بررسی درخواستها: برای مشاهده سرصفحهها، پاسخها و بارگذاریها روی درخواستها کلیک کنید.
گزینه 2: از یک OkHttp Interceptor استفاده کنید
اگر برنامه شما از OkHttp برای شبکه استفاده می کند، می توانید فعالیت شبکه را ثبت کنید.
وابستگی را اضافه کنید:
implementation 'com.squareup.okhttp3:logging-interceptor:4.9.3'
OkHttpClient خود را پیکربندی کنید:
HttpLoggingInterceptor logging = new HttpLoggingInterceptor();
logging.setLevel(HttpLoggingInterceptor.Level.BODY);
OkHttpClient client = new OkHttpClient.Builder()
.addInterceptor(logging)
.build();
اکنون، تمام درخواستها و پاسخهای شبکه شما وارد سیستم میشوند Logcat.(آبی در تصویر بالا)
امتیاز: محتوای وب را با Chrome DevTools بررسی کنید
این قسمتی است که شبیه جادوی توسعه دهنده وب است. اگر برنامه شما از WebView استفاده می کند یا می خواهید وب سایتی را در دستگاه Android خود بازرسی کنید:
- Chrome را در رایانه خود باز کنید.
- در نوار آدرس تایپ کنید:
chrome://inspect
- دستگاه Android متصل خود را در لیست خواهید دید.
- روی برنامه مورد نظر برای مشاهده Inspect کلیک کنید.
بوم! باید چیزی شبیه به پنل Elements که با برنامههای وب به آن عادت کردهاید، ببینید.
توجه: Chrome DevTools برای بازرسی صفحات وب و محتوای WebView است، نه عناصر بومی رابط کاربری Android.
TL; DR
- تنظیم کنید
debuggable:true
در ساخت اشکالزدایی برنامه شما (نه برای تولید). - فعال کردن اشکال زدایی USB در دستگاه اندرویدی شما.
- از اندروید استودیو استفاده کنید بازرس چیدمان برای بازرسی عناصر UI
- اهرم Logcat برای ورود به سیستم و ردیابی خطا.
- نظارت بر درخواست های شبکه با پروفایل شبکه یا رهگیر OkHttp.
- استفاده کنید Chrome DevTools برای بازرسی محتوای WebView.
بررسی عناصر در یک برنامه اندروید به اندازه کلیک راست روی یک صفحه وب آنی نیست، اما با این تنظیمات، تقریباً به همین سادگی است.