الأخبار التكنولوجية والاستعراضات والنصائح!

كيفية تحرير صفحة ويب في Chrome (أو أي متصفح)

صفحات الويب هي مجرد مستندات يعرضها المستعرض الخاص بك. ولكن ماذا لو كان بإمكانك الكتابة مباشرة على أي صفحة ويب لتغييرها؟ يمكنك ، ولا تحتاج إلى امتداد متصفح – إنها ميزة مضمنة في جميع المتصفحات الحديثة.

تستفيد هذه الميزة من ميزة “document.designMode” ، والتي يمكنك تمكينها من خلال وحدة تحكم JavaScript في المتصفح. تم تسليط الضوء عليه مؤخرًا بواسطة Tomek Sułkowski على Twitter، ولكن من الرائع أن نشاركه مع قرائنا.

هذا الشعور عندما اكتشفت لأول مرة “document.designMode” pic.twitter.com/bxA1otzCjN

– Tomek Sułkowski (sulco) 27 سبتمبر 2019

يمكنك استخدام هذه الميزة لتنظيف صفحة الويب قبل طباعتها ، أو اختبار كيف ستبدو التغييرات على صفحة الويب ، أو حتى مجرد مزحة الأشخاص. سيكون مثل تحرير مستند Word – لا داعي للقلق مع HTML.

لتمكين هذه الميزة ، قم بزيارة صفحة ويب ثم افتح وحدة تحكم المطور. لفتح وحدة التحكم في Google Chrome ، انقر فوق القائمة> المزيد من الأدوات> أدوات المطور أو اضغط على Ctrl + Shift + i.

بينما نستخدم Chrome كمثال هنا ، تعمل هذه الميزة في المتصفحات الحديثة الأخرى أيضًا. لفتح وحدة التحكم في المتصفحات الأخرى:

في Mozilla Firefox ، انقر فوق القائمة> Web Developer> Web Console أو اضغط على Ctrl + Shift + KI Apple Safari ، انقر على Safari> التفضيلات> Advanced وقم بتمكين “إظهار قائمة التطوير في شريط القائمة”. ثم انقر فوق تطوير> إظهار وحدة تحكم JavaScript. في Microsoft Edge ، انقر فوق قائمة> المزيد من الأدوات> أدوات المطور أو اضغط على F12 ، ثم انقر فوق علامة التبويب “وحدة التحكم”.

انقر فوق علامة التبويب “وحدة التحكم” أعلى لوحة Developer Tools. اكتب ما يلي في وحدة التحكم واضغط على Enter:

document.designMode = “on”

كيفية تحرير صفحة ويب في Chrome (أو أي متصفح) 1

يمكنك الآن إغلاق وحدة التحكم ، إذا كنت ترغب في ذلك ، وتحرير صفحة الويب الحالية كما لو كانت مستندًا قابلاً للتحرير. انقر في أي مكان لإدراج المؤشر واكتب نصًا. استخدم مفتاح Backspace أو Delete لإزالة النص والصور والعناصر الأخرى.

كيفية تحرير صفحة ويب في Chrome (أو أي متصفح) 2

هذا يغير فقط كيفية عرض صفحة الويب في متصفحك. بمجرد تحديث الصفحة ، سترى النسخة الأصلية مرة أخرى. إذا انتقلت إلى صفحة ويب أو علامة تبويب أخرى ، فلن تكون في وضع التصميم حتى تفتح وحدة التحكم وتكتب هذا السطر مرة أخرى.

يمكنك حتى الرجوع إلى وحدة التحكم وتشغيل الأمر التالي لإيقاف تشغيل وضع التصميم:

document.designMode = “off”

لن تكون صفحة الويب قابلة للتحرير بعد الآن ، ولكن سيتم الاحتفاظ بالتغييرات التي أجريتها حتى تقوم بتحديث الصفحة في المرة التالية.

كيفية تحرير صفحة ويب في Chrome (أو أي متصفح) 3