-->

كيف تعدل و تتحكم في أي صفحة ويب في Chrome (أو أي متصفح)

كيف تعدل و تتحكم في أي صفحة ويب في Chrome (أو أي متصفح)
    صفحات الويب هي مجرد مستندات يعرضها مستعرض الويب الخاص بك. ولكن ماذا لو كنت تستطيع الكتابة مباشرة على أي صفحة ويب لتعديلها؟ يمكنك ولا تحتاج إلى امتداد متصفح - إنها ميزة مضمنة في كل متصفح حديث.


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

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

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

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


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

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

    document.designMode = 'on'


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

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

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

    document.designMode = 'off'
    لن تكون صفحة الويب قابلة للتعديل بعد الآن ، ولكن سيتم الاحتفاظ بالتغييرات حتى تقوم بتحديث الصفحة في المرة التالية.
    ---
    شارك الموضوع عبر: