خطایابی وبسایت روی آیفون در ویندوز

تست و خطایی وبسایت در گوشی موبایل با استفاده از ابزارهای خطایابی از راه دور (Remote Debug) امکان پذیر است. در مرورگر کروم و سیستم عامل اندروید به راحتی می‌توانید این قابلیت را فعال و استفاده کنید. همچنین در گوشی‌های آیفون و سیستم عامل مک نیز این قابلیت وجود دارد. در صورتی که سیستم شما ویندوز یا لینوکس باشد، می‌توانید از ابزار iOS WebKit Debug Proxy برای اتصال گوشی آیفون استفاده کنید.

در ادامه راهنمای نصب و اتصال با استفاده از ابزار iOS WebKit Debug Proxy در ویندوز را توضیح می‌دهم.

برای استفاده از این ابزار،‌ باید آیفون را با کابل USB به کامپیوتر وصل کنید. سپس iOS WebKit Debug Proxy یک پروکسی remote debugging برای مرورگر کروم ایجاد می‌کند که با استفاده از پنل DevTools به آیفون وصل می‌شود و می‌توانید خطاهای پیش آمده در هنگام بارگزاری یک سایت را مشاهده کنید.

برای اتصال گوشی آیفون به کامپیوترتان، باید برنامه iTunes روی ویندوز نصب باشد. می‌توانید برنامه را از سایت p30download دانلود و نصب کنید.

برای فعال سازی اتصال و دیباگ از راه دور، تنظیمات زیر را در گوشی آیفون انجام دهید:

Settings > Safari > Advanced > Web Inspector = ON

برای نصب iOS WebKit Debug Proxy در ویندوز مراحل زیر را انجام دهید.

ابتدا خط فرمان Powershell را با جستجو در منوی استارت ویندوز، باز کنید. راحت‌ترین روش نصب این ابزار، نصب با برنامه scoop است. برای نصب scoop دستور زیر را در خط فرمان اجرا کنید:

iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

ممکن است برای نصب، خطا مشاهده کنید و نیاز به تغییر Policy اجرا داشته باشید. برای این تغییر دستور زیر را اجرا و سپس دوباره دستور بالا را اجرا کنید:

Set-ExecutionPolicy RemoteSigned -scope CurrentUser

بعد از نصب شدن برنامه scoop، با دستورهای زیر برنامه iOS WebKit Debug Proxy نصب می‌شود:

scoop bucket add extras
scoop install ios-webkit-debug-proxy

بعد از نصب، گوشی آیفون را به کامپیوتر وصل کنید و در صورتی که پیامی برای دسترسی نیاز بود، تایید کنید.

سپس در خط فرمان دستور زیر را اجرا کنید:

ios-webkit-debug-proxy

از طریق مرورگر کروم به آدرس localhost:9221 می‌توانید لیست دستگاه‌هایی که برای دیباگ متصل هستند را مشاهده کنید. سپس از طریق لینک chrome://inspect/#devices می‌توانید دستگاه‌ها را برای اتصال را در قسمت Remote Target ببینید و با کلیک روی آن وصل بشوید.

همچنین از طریق لینک زیر می‌توانید مستقیم وارد قسمت دیباگ کروم برای گوشی آیفون بشوید و جزییات پیش آمده را مشاهده کنید:

chrome-devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/page/1

برای توضیحات بیشتر در مورد نحوه استفاده و قابلیت‌های دیباگ کروم می‌توانید راهنمای زیر از سایت گوگل را مطالعه کنید.

https://developers.google.com/chrome-developer-tools