F12 | Inspect Element, Console

من مرورگر F12 را ساختم چون از اینکه هر بار که می‌خواستم یک طرح‌بندی سریع موبایل یا فراخوانی API را بررسی کنم، مجبور بودم گوشی‌ام را با کابل به کامپیوترم وصل کنم، خسته شده بودم.

فقط برای اینکه رک و راست باشم: این یک پروژه سرگرمی است که برای بررسی‌های سریع، یادگیری و کار با آن در نظر گرفته شده است. قطعاً جایگزینی برای ابزارهای توسعه کروم دسکتاپ یا اشکال‌زدایی از راه دور واقعی در محل کار شما نیست.

چند کاری که می‌توانید با آن انجام دهید:

قطعه کدهای JS را مستقیماً در صفحه اجرا کنید تا ببینید چه اتفاقی می‌افتد.

برای دیدن کلاس‌ها، سبک‌ها و عناصر برجسته، در اطراف درخت HTML کلیک کنید.

فراخوانی‌های زنده fetch و XHR را تماشا کنید تا بتوانید کدهای وضعیت را بررسی کنید و داده‌های JSON را بخوانید.

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

لینک‌های رسانه‌ای مانند تصاویر یا جریان‌های ویدیویی بارگذاری شده توسط صفحه را بیرون بکشید.

گزارش‌ها و خطاهای کنسول را بررسی کنید.

اگر دانشجو هستید، یا کنجکاو هستید که بدانید سایت‌های موبایل چگونه کار می‌کنند، یا فقط می‌خواهید وقتی پشت میزتان نیستید، یک بررسی سریع روی یک API انجام دهید، امیدواریم این مطلب برایتان مفید باشد.