Web Editor: Inspect & Edit

هر وب‌سایتی را به بوم شخصی خود تبدیل کنید. متن را تغییر دهید، تصاویر را عوض کنید، عناصر را بررسی کنید، درخواست‌های شبکه را اشکال‌زدایی کنید و پاسخ‌های API را فوراً لغو کنید - قدرتمندترین ابزارهای ویرایشگر وب و توسعه‌دهنده برای اندروید.

یک تیتر جدید را آزمایش کنید، یک فراخوانی API را در حال حرکت اشکال‌زدایی کنید، یا یک وب‌سایت را بدون لپ‌تاپ شبیه‌سازی کنید - ابزارهای Inspect Element و توسعه‌دهنده در سطح دسکتاپ را روی تلفن خود داشته باشید.

این برای چه کسی است؟

• 🎨 طراحان: تغییرات UI/UX نمونه اولیه و طرح‌بندی‌ها را در زمان واقعی آزمایش کنید.

• 💻 توسعه‌دهندگان: مشکلات وب مخصوص موبایل را اشکال‌زدایی کنید، درخواست‌های شبکه را رهگیری کنید و فضای ذخیره‌سازی را بررسی کنید.

• ✍️ سازندگان محتوا: تصاویر، میم‌ها یا عناوین "چه می‌شد اگر" منحصر به فرد برای رسانه‌های اجتماعی ایجاد کنید.

🖼️ ویرایش بصری پیشرفته

• ویرایش متن زنده: برای بازنویسی فوری محتوا، روی هر متنی ضربه بزنید.

• قالب‌بندی غنی: مستقیماً از نوار ابزار، پررنگ، کج، رنگ‌ها و هایلایت‌ها را اعمال کنید.

• جایگزینی تصویر: هر عکسی را در سایت با تصویری از گالری خود جایگزین کنید.

• رندرینگ در لحظه: تغییرات خود را دقیقاً همانطور که به صورت زنده نمایش داده می‌شوند، مشاهده کنید.

🔍 ابزارهای حرفه‌ای توسعه‌دهنده

• نظارت بر شبکه: هر درخواستی که یک صفحه ایجاد می‌کند - XHR، واکشی، تصاویر، اسکریپت‌ها، فونت‌ها، بیکن‌ها و WebSockets - مستقیماً از موتور مرورگر، با هدرهای واقعی، کدهای وضعیت، زمان‌بندی، پیام‌های WebSocket، بدنه‌ها و فیلترهای نوع. هر درخواستی را به عنوان cURL یا واکشی کپی کنید.

• لغوهای شبکه*: هر درخواستی را رهگیری کنید و پاسخ آن را با داده‌های خود جایگزین کنید - موارد لبه آزمایش را بدون دست زدن به باطن خود آزمایش کنید.

• شبیه‌سازی وضعیت شبکه: برای بازتولید اتصال ضعیف، به پروفایل‌های 3G سریع یا 3G کند کروم بروید یا کاملاً آفلاین شوید.

• شبیه‌سازی مرورگر: عامل کاربر را تغییر دهید تا ببینید یک صفحه در Safari، Chrome، Firefox، iPad، Android یا دسک‌تاپ چگونه رفتار می‌کند - یا عامل سفارشی خود را تنظیم کنید. • گزارش‌های کنسول: ثبت لحظه‌ای، شامل خطاهای شناسایی نشده، با فیلتر کردن و جستجو.

• تزریق JS: اجرای جاوا اسکریپت سفارشی و مشاهده‌ی آنچه که برگردانده شده است - یا دقیقاً جایی که شکست خورده است.

• اسکریپت‌های ذخیره شده: اسکریپت‌های خود را نگه دارید و آنها را با یک ضربه اجرا کنید، یا هر بار که سایتی بارگذاری می‌شود، آنها را به طور خودکار اجرا کنید*.

• دستیار جاوا اسکریپت هوش مصنوعی*: آنچه را که می‌خواهید انجام دهید شرح دهید و اجازه دهید هوش مصنوعی اسکریپت را برای شما بنویسد.

• نمایشگر و ویرایشگر فضای ذخیره‌سازی: localStorage، sessionStorage و کوکی‌ها را مستقیماً از نوار ابزار مرور و ویرایش کنید.

🗂️ مرور چند زبانه*

چندین صفحه را به طور همزمان باز کنید و فوراً بین آنها جابجا شوید - برای مقایسه‌ی طرح‌بندی‌ها یا باز نگه داشتن یک مرجع در حین کار عالی است.

⚡ دسترسی سریع

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

📂 صفحات خود را باز کنید

یک فایل HTML یا MHTML ذخیره شده از مرورگر خود را باز کنید و دقیقاً مانند یک صفحه زنده ویرایش کنید - بدون نیاز به اتصال. ایده‌آل برای کار بر روی یک صفحه بایگانی شده یا یک نمونه اولیه محلی در حال حرکت.

✏️ ویرایشگر HTML درون صفحه

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

🎨 CSS سفارشی برای هر سایت

کلاس‌های CSS خود را برای یک سایت بنویسید و مستقیماً از ویرایشگر HTML استفاده کنید. سبک‌ها برای هر سایت ذخیره می‌شوند و در هر بار بارگذاری به طور خودکار دوباره اعمال می‌شوند.

🚀 گردش کار آسان

هر سایتی را مرور کنید، برای تغییر متن و تصاویر، روی ویرایش ضربه بزنید، آچار DevTools را باز کنید و از مخفی کردن رابط کاربری برای گرفتن اسکرین‌شات‌های تمیز که می‌توانید ذخیره یا به اشتراک بگذارید استفاده کنید.

🛠️ ویژگی‌های اصلی و موارد استفاده

• نمونه‌سازی اولیه وب: پیش‌نمایش تغییرات برند در سایت موجود شما.

• دموهای فروش: با نسخه به‌روز شده، به مشتریان نشان دهید که سایتشان چگونه به نظر می‌رسد.

• اولویت با حریم خصوصی: همه تغییرات به صورت محلی در دستگاه شما انجام می‌شود.

⚠️ سلب مسئولیت

ویرایشگر وب: Inspect & Edit ابزاری برای بهره‌وری و توسعه است که فقط برای اصلاح بصری و اشکال‌زدایی استفاده می‌شود. این ابزار داده‌ها را روی سرور تغییر نمی‌دهد یا امنیت وب‌سایت را دور نمی‌زند.

* نیاز به نسخه پریمیوم دارد

ویرایشگر وب: Inspect & Edit را همین امروز دانلود کنید و وب را بدون محدودیت تجربه کنید!