كيفية تحرير أي صفحة ويب في المتصفح الخاص بك
صفحات الويب للقراءة فقط ولكن هل تعلم أنه من الممكن تحرير محتوى صفحة الويب مباشرة في متصفح الويب الخاص بك. يشرح هذا البرنامج التعليمي خطوة بخطوة كيف يمكنك بسهولة تحرير محتوى أي صفحة ويب باستخدام أدوات المطور. لقد استخدمت Google Chrome في هذا المثال ولكن أدوات المطورين متاحة في جميع المتصفحات بما في ذلك Mozilla Firefox وSafari.
كيفية تحرير صفحات الويب
فيما يلي دليل خطوة بخطوة حول كيفية تحرير نص صفحة الويب حتى لو لم يكن موقع الويب هذا خاصًا بك.
- افتح أي صفحة ويب داخل Chrome وحدد النص الموجود على صفحة الويب التي ترغب في تحريرها.
- انقر بزر الماوس الأيمن فوق النص المحدد واختر Inspect Element في القائمة السياقية.
- سيتم فتح أدوات المطور في النصف السفلي من متصفحك وسيتم تحديد عنصر DOM المقابل.
- انقر نقرًا مزدوجًا فوق العقدة المحددة وسوف تتحول إلى وضع التحرير. الآن قم بتغيير النص داخل أدوات Dev وانقر خارج نافذة Chrome Dev Tools لتطبيق التغييرات.
إذا كنت معتادًا على علامات HTML، فيمكنك استخدام نفس الأسلوب ليس فقط لتحرير النص الموجود على صفحات الويب ولكن أيضًا لاستبدال الصور وتغيير أنماط التنسيق والمزيد.
انظر أيضًا: كيفية استبدال النص في صفحات الويب
تعد تقنية Chrome Inspect Tool مفيدة لإجراء بعض التعديلات السريعة، ولكن إذا كنت تجري تغييرات نصية متعددة على صفحة ويب، فهناك طريقة أفضل.
تحرير مواقع الويب مثل Wiki
انتقل إلى قائمة المتصفح، وحدد الأدوات، واختر أدوات المطور، ثم اختر وحدة تحكم JavaScript. إذا كنت تستخدم Safari لنظام التشغيل Mac، فاختر قائمة التطوير، ثم اختر إظهار وحدة تحكم JavaScript. في Firefox، انتقل إلى الأدوات > مطور الويب > إظهار وحدة تحكم الويب.
داخل نافذة وحدة التحكم، اكتب كود JavaScript التالي في موجه الأوامر واضغط على Enter.
document.body.contentEditable = true;ما سيفعله هذا هو جعل صفحة الويب بأكملها قابلة للتحرير تمامًا مثل مستند Wiki أو مستند Word. يمكنك الآن النقر في أي مكان على صفحة الويب والبدء في الكتابة.
يرجى ملاحظة أن تعديلات صفحة الويب مؤقتة ويتم فقدان التغييرات عند إغلاق المتصفح. ومع ذلك، لا تزال هذه التقنية مفيدة إذا كنت تلتقط لقطات شاشة لصفحات الويب وترغب في إخفاء بعض العبارات أو استبدالها قبل التقاط الصورة.
