HTML Viewer: HTML Inspector

Code Play‏

آگهی داردخریدهای درون برنامه‌ای

درباره این برنامه

نمایشگر HTML به توسعه‌دهندگان وب، دانشجویان و صاحبان سایت کمک می‌کند تا نشانه‌گذاری پشت یک وب‌سایت را بررسی کرده و تغییرات را در دستگاه خود امتحان کنند. یک URL برای مشاهده منبع، ویرایش HTML، بررسی منابع صفحه یا بررسی مشکلات ساختاری رایج وارد کنید. ابزاری را انتخاب کنید که بدون شروع یک تنظیم کامل توسعه، با سوال شما مطابقت داشته باشد.


خواندن، ویرایش و پیش‌نمایش

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


یک آزمایش را با یک شروع‌کننده HTML، صفحه فرود، فرم قابل دسترس یا الگوی کارت قابل استفاده مجدد شروع کنید. ویرایشگر همچنین مشکلات رایج مانند برچسب‌های نامتناسب، شناسه‌های تکراری و ویژگی‌های alt تصویر از دست رفته را علامت‌گذاری می‌کند. یک فایل .html محلی را باز کنید، سند ویرایش شده خود را ذخیره کنید یا کد را از طریق اقدامات موجود در دستگاه به اشتراک بگذارید. ویرایش‌ها بر روی نسخه کاری شما تأثیر می‌گذارند، نه وب‌سایت اصلی.


ویرایش‌ها بر روی نسخه کاری شما تأثیر می‌گذارند، نه بر روی وب‌سایت اصلی. بررسی ساختار صفحه
یک گزارش سایت اجرا کنید تا عناوین، توضیحات متا، URL های متعارف، زبان سند، فراداده‌های viewport و فراداده‌های اشتراک‌گذاری اجتماعی را بررسی کنید. سطوح و تعداد عناوین را برای لینک‌ها، تصاویر، اسکریپت‌ها، سبک‌ها و فرم‌ها بررسی کنید. یافته‌ها توجه را به برچسب‌های از دست رفته، لینک‌های بدون نام، شناسه‌های تکراری و ارجاعات منابع ناامن جلب می‌کنند. هنگام بحث در مورد یک صفحه با شخص دیگری، گزارش را کپی یا به اشتراک بگذارید.

بررسی لینک‌ها و منابع
لینک‌ها، تصاویر، اسکریپت‌های خارجی و شیوه‌نامه‌های صفحه بارگذاری شده را اسکن کنید. پاسخ‌های فعال، هدایت‌شده و ناموفق را مشاهده کنید، آدرس‌های داخلی را از خارجی تشخیص دهید و نتایج را برای تمرکز بر منابع خراب یا ناامن فیلتر کنید. نتایج را جستجو کنید، URL های تکی را کپی کنید یا یک گزارش متنی را برای پیگیری کپی کنید. درخواست‌های ناموفق همچنین می‌توانند محدودیت‌های سرور یا اتصال را منعکس کنند.

امتحان نماهای مختلف
از پیش‌تنظیمات پیش‌نمایش واکنش‌گرا برای اندازه‌های تلفن، تبلت و دسکتاپ استفاده کنید یا ابعاد سفارشی را وارد کنید. نما را بچرخانید، بزرگنمایی را تنظیم کنید و یک طرح رنگی روشن، تیره یا سیستمی انتخاب کنید. وقتی وب‌سایتی محتوای رندر شده توسط سرور متفاوتی ارائه می‌دهد، با یک عامل کاربری متفاوت، صفحه را به‌روزرسانی کنید. پیش‌نمایش فعلی را به عنوان یک اسکرین‌شات به اشتراک بگذارید. یک نمای شبیه‌سازی شده به مقایسه طرح‌بندی‌ها کمک می‌کند؛ این نما هر دستگاه فیزیکی را بازتولید نمی‌کند.

به رفتار پیش‌نمایش نگاهی بیندازید
نماینده کنسول پیام‌ها، هشدارها و خطاها را از پیش‌نمایش صفحه ابزاربندی شده برنامه جمع‌آوری می‌کند. بازرس شبکه، واکشی ضبط شده، XMLHttpRequest و فعالیت منابع را با جزئیات وضعیت و زمان‌بندی موجود نشان می‌دهد. ورودی‌ها را پاک کنید، پیش‌نمایش را بارگیری مجدد کنید و از فیلترها برای بررسی یک مشکل خاص استفاده کنید. این ابزارها آن پیش‌نمایش را بررسی می‌کنند، نه ترافیک برنامه‌های دیگر.

منابع مفید را نگه دارید
تصاویر صفحه استخراج شده را مرور کنید، بر اساس نام یا فرمت فایل جستجو کنید و قبل از ذخیره کردن، یک تصویر را پیش‌نمایش کنید. یک تصویر از نمای خروجی قابل مشاهده به اشتراک بگذارید یا یک PDF از صفحه بارگذاری شده ایجاد کنید. ضبط PDF به 16000 پیکسل از ارتفاع صفحه محدود می‌شود. URL های مورد علاقه را ذخیره کنید، از پیشنهادات آدرس استفاده کنید و تاریخچه بازرسی اخیر را جستجو کنید تا به سایت‌های مفید بازگردید.

بارگذاری وب‌سایت، بررسی منابع و محتوای از راه دور نیاز به اتصال به اینترنت دارند. صفحات محافظت‌شده، تصاویر مسدود شده و قوانین امنیتی مرورگر می‌توانند نتایج یا خروجی‌ها را محدود کنند. از این مجموعه ابزار برای مطالعه محتوای وب قابل دسترس و آزمایش ایده‌های خود استفاده کنید، با تم‌های روشن، تاریک و برنامه سیستمی که برای مطالعه راحت در دسترس هستند.

رتبه‌بندی‌ها و مرورها

خوب بود

Very very very very good