تتيح لك ميزة إخفاء/حذف العنصر إزالة أو إخفاء أي عنصر مؤقتًا في صفحة ويب بنقرة واحدة. قم بتنظيف الصفحات للحصول على لقطات شاشة، وإزالة الإعلانات المشتتة لافتات ملفات تعريف الارتباط، أو اختبار كيف يبدو التخطيط دون أقسام معينة — كل ذلك بشكل غير مدمر.
سواء كنت تلتقط صورة شاشة نظيفة لمحفظة أعمال، أو تختبر كيفية تدفق تخطيط الصفحة عند إزالة قسم، أو تخفي ببساطة التراكبات المنبثقة المزعجة حتى تتمكن من قراءة المحتوى تحتها — ميزة حذف/إخفاء العنصر هي الأداة المناسبة. توفر وضعين: للحذف (يزيل العنصر تمامًا من DOM، مما يتسبب في تدفق المحتوى المحيط لملء المساحة) والإخفاء (يضبط الرؤية على الحجب، مما يحافظ على مساحة العنصر في التخطيط). كلتا العمليتين يمكن عكسهما باستخدام التراجع. يظهر التراكب الأحمر عند التمرير بالضبط أي عنصر سيتأثر قبل النقر، لذلك لا يوجد مجال للتخمين. تحتفظ الأداة بعداد مستمر للعناصر المحذوفة والمخفية، ويمكنك التراجع عنها واحدة تلو الأخرى أو جميعها مرة واحدة. مثل جميع وسائل DevSuite، التغييرات غير مدمرة — قم بتحديث الصفحة وسيعود كل شيء.
في وضع الحذف، انقر فوق أي عنصر لإزالته تمامًا من الصفحة. يتم إخراج العنصر من شجرة المعالجة (DOM)، ويتدفق المحتوى المحيط لملء المساحة — تمامًا كما لو لم يكن الـ HTML موجودًا. رائعة لمعرفة كيف تبدو الصفحة بدون أقسام محددة.
في وضع الإخفاء، انقر فوق عنصر لجعله غير مرئي مع الحفاظ على مساحته في التخطيط. يصبح العنصر شفافًا لكن أبعاد المربع تظل كما هي، لذلك يبقى باقي تخطيط الصفحة كما هو تمامًا. مفيدة لاختبار الوزن البصري دون تغييرات في التخطيط.
قبل النقر، يؤدي تحريك مؤشر الماوس إلى إظهار تراكب أحمر شبه شفاف على العنصر الذي سيتأثر. تمنع هذه المعاينة الحذف العرضي للعنصر الخطأ — سترى دائمًا ما توشك على إزالته بالضبط.
يتم تتبع كل عملية حذف وإخفاء في سجل التراجع. انقر فوق زر التراجع لعكس الإجراء الأخير، وإعادة العنصر. يمكنك إبطال إجراءات متعددة متتالية للتراجع عن التغييرات التي قمت بها خطوة بخطوة.
يعرض عداد مستمر عدد العناصر التي قمت بحذفها وكم عدد التي قمت بإخفائها في الجلسة الحالية. بلمحة سريعة، تعرف عدد التغييرات التي أجريتها وعدد مرات التراجع المتاحة.
جميع التغييرات مجرد رؤى بصرية بحتة وتتواجد فقط في ذاكرة المتصفح. لا يتم إجراء أي تعديل للتعليمات البرمجية الفعلية للصفحة. قُم بتحديثها في أي وقت لاستعادة كل عنصر محذوف أو مخفي إلى حالته الأصلية.
احذف شرائط الموافقة على ملفات تعريف الارتباط، وأدوات المحادثة، النوافذ الإعلانية المنبثقة، والقوائم العلوية اللاصقة أو قوالب النشرات الإخبارية قبل أخذ اللقطات. هكذا ستحصل على لقطات أكثر نظافة واحترافية للصفحة دون أي خلل بصري.
كيف ستبدو الصفحة دون قسم التوصيات؟ ماذا يحدث إذا قمنا بإزالة الشريط الجانبي؟ قم بحذف ذلك القسم وسترى كيفية تغير واجهة المستخدم — بدون الحاجة للتدخل في الكود.
في الصفحات المكدسة بالإعلانات الكثيفة، إخفاء الإعلانات سيجعل قراءة المحتوى والوثائق أمراً نقياً بعيداً عن المشتتات. والمحتوى سيملأ كل الأماكن المتاحة.
تستعد لعرض تقديمي يخص صفحة معقدة؟ قم بإزالة المكونات التي ليست لها صلة بالموضوع واحتفظ بالباقي لعرضه للنقاش. بعدها التقط صورة للصفحة بمظهرها المبسط.
إذا وجدت عناصر تغطي على أخرى، احذف العنصر الأمامي لترى ما خلفه. هكذا تصبح العملية أسرع من تعديل قيم z-index أو display في (DevTools) عند حاجتك لإلقاء نظرة سريعة.
افتح اللوحة العائمة لـ DevSuite Pro واضغط على أيقونة أداة حذف/إخفاء العنصر. اختر بين وضع الحذف (والذي يزيل العنصر ويعيد تدفق التخطيط) أو وضع الإخفاء (والذي يطمسه ويبقيه مخفيًا مع الحفاظ على المساحة).
حرك الماوس فوق الصفحة. يُبرز التراكب الأحمر الشبه شفاف العنصر الموجود أسفل مؤشرك، ليوضح لك تحديدًا ما الذي سيتأثر بالنقر.
انقر فوق العنصر المبرز. في وضع الحذف، سيتم إزالته ويتدفق المحتوى المُحيط لملء الفراغ. في وضع الإخفاء، سيصبح شفافًا لكنه يحجز المساحة الخاصة به.
استمر بضغط العناصر لإزالتها، أو استعمل التراجع لإصلاح التغيير الأخير واسترجاع العناصر המחذوفة/المخفية. يوضح عداد الإجراء تغييراتك הנוכحية.
هل انتهيت من التجارب؟ حدّث الصفحة كليًا لاستعادة كل شيء من العناصر إلى وضعیتها الأصلية.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 39 أداة للمطورين لمتصفحك.
