كيف يمكنك معرفة مصدر نمط عنصر صفحة ويب ASP .Net؟

Question

لدي مأزق.يحتوي تطبيق الويب الخاص بي (C# و.Net 3.0 وما إلى ذلك) على سمات وأوراق CSS وبالطبع تعريفات الأنماط المضمنة.الآن يقوم الكثير من الطهاة بإضافة أشياء إلى الحساء.كل هذا يؤدي، بشكل غير مفاجئ، إلى أن صفحاتي تتميز بتصميم غريب في بعض الأحيان.

أنا متأكد من أن كل هذه الأنماط يتم تطبيقها بطريقة هرمية (على الرغم من أنني لست متأكدًا من هذا الترتيب).المشكلة هي أن كل نمط يتم تطبيقه كطبقة "شفافة" والتي تخفي فقط ما يتم تطبيقه.أعتقد أن هذه فكرة جيدة حيث يمكنك تحديد الأنماط للجميع ثم تخصيصها لمرة واحدة حسب الحاجة.لسوء الحظ لا أستطيع أن أقول من أي طبقة جاء النمط بالفعل.

يمكنني حل هذه المشكلة من خلال التعبير بشكل صريح عن النمط في جميع الطبقات ولكن ذلك يصبح ضخمًا ويصعب إدارته وتعمل الصفحة (الصفحات) بنسبة 80% من الوقت.أريد فقط أن أعرف من أين أتت تلك الـ20%.

Answer 1

IMHO، Firebug سيكون أفضل رهان لك.سيخبرك بالملف الذي جاء منه النمط ويمكنك النقر فوق اسم الملف ليتم نقله على الفور إلى السطر ذي الصلة في الملف.

ملحوظة:يمكنك ضرب كنترول+يحول+ج في أي صفحة لتحديد عنصر وفحصه باستخدام الماوس.

Answer 2

فيما يلي عرض سريع لكيفية استخدام Firebug لمعرفة المكان الذي يحصل فيه العنصر على أسلوبه.

http://screencast.com/t/oFpuDUoJ0

Answer 3

في Firefox، استخدم مفتش DOM أو Firebug أو افحص هذا.
في IE، استخدم شريط أدوات IE dev (أو ربما أفضل، فايربوج لايت)
في Google Chrome، استخدم وظيفة "فحص العنصر" المضمنة

Answer 4

باستخدام شريط أدوات مطور IE يمكنك تحديد عنصر (إما عن طريق "تحديد العنصر بالنقر" أو النقر على العقدة الخاصة به في عرض شجرة DOM) وفي جزء النمط الحالي، انقر بزر الماوس الأيمن على أحد الصفوف وحدد "تتبع النمط".

الأدوات الأخرى لها ميزة مماثلة.

Answer 5

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

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