Mvc: बनाओ<link/> फ़ॉलबैक स्रोतों के समर्थन के साथ टैग हेल्पर

को निर्मित 18 नव॰ 2014 · 3टिप्पणियाँ · स्रोत: aspnet/Mvc

यह CSS स्टाइलशीट #1576 . के समतुल्य है

एक LinkTagHelper जो प्राथमिक लोड करने में विफल होने की स्थिति में फ़ॉलबैक स्टाइलशीट के विनिर्देशन को लोड करने की अनुमति देता है। विफलता को एक निर्दिष्ट वर्ग नाम ( asp-fallback-test-class विशेषता) के साथ एक डमी <meta> टैग को इंजेक्ट करके और फिर उस तत्व की गणना की गई शैली का परीक्षण करके निर्धारित किया जाता है कि क्या एक निर्दिष्ट सीएसएस संपत्ति ( asp-fallback-test-property विशेषता) एक निर्दिष्ट मान ( asp-fallback-test-value ) के बराबर है।

प्रयोग

<link href=""
      asp-fallback-href=""
      asp-fallback-test-class=""
      asp-fallback-test-property=""
      asp-fallback-test-value="" />

टैग हेल्पर को संचालित करने के लिए सभी विशेषताओं का उपस्थित होना और गैर-शून्य होना आवश्यक है। यदि कोई गायब है, तो यह एक चेतावनी और नो-ऑप लॉग करेगा।

बहस

| विशेषता का नाम | प्रकार | विवरण |
| --- | --- | --- |
| एएसपी-फ़ॉलबैक-href | string | प्राथमिक विफल होने पर वापस आने वाला URL (जैसा कि href विशेषता में निर्दिष्ट है) |
| एएसपी-फ़ॉलबैक-टेस्ट-क्लास | string | फ़ॉलबैक परीक्षण के लिए उपयोग करने के लिए स्टाइलशीट में परिभाषित वर्ग का नाम |
| एएसपी-फ़ॉलबैक-टेस्ट-प्रॉपर्टी | string | फ़ॉलबैक परीक्षण के लिए उपयोग किया जाने वाला CSS गुण नाम |
| एएसपी-फ़ॉलबैक-टेस्ट-वैल्यू | string | फ़ॉलबैक परीक्षण के लिए उपयोग करने के लिए CSS गुण मान |

उदाहरण

स्रोत सीएसएचटीएमएल

 <link href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"
       asp-fallback-href="~/lib/bootstrap/css/bootstrap.min.css"
       asp-fallback-test-class="hidden" asp-fallback-test-property="visibility" asp-fallback-test-value="hidden" />

आउटपुट एचटीएमएल

<link href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
<meta name="x-stylesheet-fallback-test" class="hidden" />
<script>
    (function (a, b, c) {
        var d = document,
            s = d.getElementsByTagName("SCRIPT"),
            meta = s[s.length-1].previousSibling;
        (d.defaultView.getComputedStyle(meta)[a] === b ||
            d.write('\u003clink rel="stylesheet" href="' + c + '" /\u003e'));
    })("visibility", "hidden", "/lib/bootstrap/css/bootstrap.min.css");
</script>

3 - Done enhancement feature-Tag-Helpers

स्रोत

DamianEdwards

सबसे उपयोगी टिप्पणी

पुराने/बंद मुद्दे पर टिप्पणी करने के लिए खेद है। क्या .css फ़ाइलों का परीक्षण करने के विकल्प के लिए कभी कोई चर्चा हुई जिसमें एकवचन वर्ग नहीं हैं?

दो उदाहरण:

dataTables.bootstrap.css में table.dataTable { ... } जैसे कम से कम दो चयनकर्ता जंजीर में बंधे होते हैं लेकिन कोई स्टैंडअलोन .dataTable वर्ग नहीं होता है।
इसी तरह skin-red.css के साथ , केवल .skin-red .main-header .navbar { ... } जैसे वंशज चयनकर्ता हैं और फिर कोई स्टैंडअलोन .skin-red वर्ग नहीं है।

kylef000 26 अक्तू॰ 2017

👍3

सभी 3 टिप्पणियाँ

दो उदाहरण:

dataTables.bootstrap.css में table.dataTable { ... } जैसे कम से कम दो चयनकर्ता जंजीर में बंधे होते हैं लेकिन कोई स्टैंडअलोन .dataTable वर्ग नहीं होता है।
इसी तरह skin-red.css के साथ , केवल .skin-red .main-header .navbar { ... } जैसे वंशज चयनकर्ता हैं और फिर कोई स्टैंडअलोन .skin-red वर्ग नहीं है।

kylef000 26 अक्तू॰ 2017

👍3

@ kylef000 यह दिलचस्प है, मुझे यकीन नहीं है कि कोई इसके लिए सामान्य तरीके से परीक्षण कैसे करेगा जैसे हम इंजेक्शन <meta /> तत्व का उपयोग करते हैं।

DamianEdwards 26 अक्तू॰ 2017

@DamianEdwards आह, ठीक है। मैंने इस मामले पर अपनी सरसरी खोज में इस संबंध में प्रश्नों के रूप में बहुत कुछ नहीं देखा, इसलिए यह कुछ ऐसा नहीं हो सकता है जो समय लगाने के लायक हो। संभवतः इसके आसपास सबसे अच्छा तरीका कांटा है, व्यक्तिगत फ़ाइल के भीतर एक परीक्षण वर्ग (जैसे .skin-red-fallback-test { ... } ) जोड़ें, फिर किसी विशेष पुस्तकालय के लिए एक पीआर बनाएं जो कोई भी उपयोग कर रहा हो।

आपके उत्तर के लिए धन्यवाद। सी # सभी चीजों पर आपके काम की वास्तव में सराहना करें!

kylef000 27 अक्तू॰ 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स