تک دیک

واژه نامه و مجله آموزشی کامپیوتر و فناوری

آموزش ویرایش متن صفحه وب در مرورگر

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

برای اینکه بتوانید محتوای متن موجود در صفحات وب را قابل ویرایش کنید می‌توانید از ترفند زیر در مرورگرهای وب رایج مانند گوگل کروم، موزیلا فایرفاکس و مایکروسافت اج استفاده کنید:

گام اول: ابتدا صفحه وب موردنظر را در مرورگرتان باز کنید. سپس وارد بخش ابزارهای توسعه دهندگان در مرورگر شوید. برای این منظور می‌توانید روی جایی داخل صفحه راست کلیک کنید و گزینه Inspect را انتخاب کنید.

گزینه Inspect در منوی راست کلیک مرورگر فایرفاکس

گام دوم: در بخش نمایان شده به زبانه Console بروید.

گام سوم: دستور زیر را (همانند آنچه در پایین تصویر زیر می‌بینید) در کنسول تایپ یا پیست کنید. سپس کلید اینتر را فشار دهید.

document.designMode = "on"

قابل ویرایش کردن متن داخل صفحه وب با کمک مرورگر

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

آموزش ترفند ویرایش متن داخل صفحه وب با کمک مرورگر

برای برگشتن به حالت عادی می‌توانید دستور فوق را با درج مقدار off به جای on در قسمت کنسول وارد کنید و این حالت را غیرفعال کنید. به این ترتیب متن های معمولی موجود در صفحه مشابه با حالت عادی قابل ویرایش نخواهد بود.

امیرحسین شهسواری

عاشق دنیای رایانه و فناوری به خصوص برنامه نویسی هستم؛ یادگرفتن و البته یاد دادن چیزای جالبی که یاد گرفتم باعث خوشحالیم میشه و از اولویت‌های اصلی زندگیم به حساب میاد. از مدیریت و نوشتن در تک دیک هم واقعا لذت می‌برم :)

3 thoughts on “آموزش ویرایش متن صفحه وب در مرورگر

  • پرهام

    این کار رو با مرورگرهای داخل تلفن همراه هم میشه انجام داد یا فقط باید با کامپیوتر باشه. ممنون میشم راهنماییم کنید

    پاسخ دادن
    • امیرحسین شهسواری

      سلام؛ به طور کامل مطمئن نیستم. ولی به احتمال زیاد می تونید در مرورگرهای وبی مثل Kiwi Browser که بخش Developer Tools هم دارن این کار رو روی گوشی ها هم انجام بدین.

      پاسخ دادن

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *