Backbone: url में एक स्थान के साथ नेविगेट () फ़ायरफ़ॉक्स में {trigger:false} होने पर भी मार्ग को ट्रिगर करता है

को निर्मित 27 नव॰ 2014 · 8टिप्पणियाँ · स्रोत: jashkenas/backbone

इस उदाहरण पर विचार करें:

$(function(){
var AppRouter = Backbone.Router.extend({

    routes: {
        '(count/:count)': 'home',
    },

    home: function(currCount) {
        var counter = 0;
        var thisObj = this;

        $("body").html($("<p>Click me</p>").on('click', function() {
            console.log("clicked "+counter);
            counter++;
            thisObj.navigate('count/'+counter, {trigger:false, replace: true});
        }));

        console.log('home route: '+currCount);    
    },
});

window.app = new AppRouter();
Backbone.history.start();
});

इसे "होम रूट: नल" लॉग करना चाहिए और फिर "क्लिक मी" पर प्रत्येक क्लिक के लिए "क्लिक #" लॉग करने के लिए आगे बढ़ना चाहिए।

अब, एक छोटा सा संशोधन करें। नेविगेट में url में एक स्थान जोड़ें ():

thisObj.navigate('count/ '+counter, {trigger:false, replace: true});

पुन: प्रयास करें और आप पाएंगे कि "होम रूट: #" भी लॉग होना शुरू हो जाएगा, और काउंटर प्रत्येक तीन क्लिकों में से _दो को रीसेट कर देगा।

यह 1.1.2 रिलीज में है और मैं नवीनतम फायरफॉक्स 33.1 पर परीक्षण कर रहा हूं। मुझे क्रोम में यह समस्या नहीं आ रही है - ऐसा इसलिए हो सकता है क्योंकि क्रोम शायद यूआरएल में रिक्त स्थान एन्कोड करने के लिए कुछ करता है। हालांकि मुझे यकीन नहीं है।

मुझे एहसास है कि अंतरिक्ष चरित्र पहले स्थान पर यूआरएल में नहीं होना चाहिए, लेकिन यह व्यवहार अजीब है और कम से कम दस्तावेज होना चाहिए। (अर्थात "नेविगेट () रिक्त स्थान वाले URL (या अन्य असुरक्षित वर्ण ??) के साथ अपेक्षानुसार व्यवहार नहीं कर सकता है।))

मुझे यकीन नहीं है कि इसके लिए कोई आसान फिक्स है, लेकिन मुझे उम्मीद है कि कम से कम इस बग को दस्तावेज करके मैं अन्य डेवलपर्स को इसे शिकार करने की कोशिश में समय बचाता हूं।

invalid

स्रोत

chaimpeck

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

यहाँ मैंने जो खोजा है। फ़ायरफ़ॉक्स में, यदि आप "this.location.href" वेरिएबल को चेक करते हैं, तो वेरिएबल में किसी भी व्हाइटस्पेस को% 20 में एन्कोड किया गया है। क्रोम (और संभवतः आईई) उन्हें सफेद जगह के रूप में छोड़ देता है। बैकबोन में यह एक समस्या है, क्योंकि जब आप नेविगेट करने के लिए जाते हैं, तो "checkUrl ()" "this.fragment" की तुलना "this.getFragment ()" के लौटाए गए मान के विरुद्ध करता है ताकि यह निर्धारित किया जा सके कि "this. loadUrl ()", अगर वे मेल नहीं खाते। this.getFragment() फ़ायरफ़ॉक्स (या उस मामले के लिए किसी भी एन्कोडिंग) में किसी भी स्थान के स्थान पर% 20 के साथ, this.location.href का मान देता है। this.fragment एक डीकोडेड समकक्ष देता है। यह.फ्रैगमेंट डीकोडेड रहता है, भले ही आप अपने यूआरएल पर एन्कोडुरी () का उपयोग करें या नहीं, क्योंकि "नेविगेट ()" फ़ंक्शन में, यह। फ्रैगमेंट पारित होने वाले यूआरएल पर "this.decodeFragment ()" को कॉल करके असाइन किया जाता है। में, एन्कोडिंग को बाध्य करने के किसी भी प्रयास को हटा रहा है।

इसलिए, यदि this.fragment हमेशा this.decodeFragment() के उपयोग के कारण एक डिकोड किया गया URL होता है, और URL में कोई भी वर्ण होता है जो encodeURI() बदल जाएगा (इस मामले में रिक्त स्थान), यह कभी भी इसके दिए गए मान से मेल नहीं खाएगा। फ़ायरफ़ॉक्स में .getFragment(), क्योंकि फ़ायरफ़ॉक्स this.location.href के मान को एन्कोड करता है, जबकि अन्य ब्राउज़र नहीं करते हैं। चूंकि ये दो मान मेल नहीं खाते, इसलिए यह.loadUrl() checkUrl() में कॉल किया जाता है, भले ही राउटर में ट्रिगर पैरामीटर सही है या गलत।

प्रारंभिक सुधार (पूर्व-विस्तृत परीक्षण) पढ़ने के लिए "getHash ()" विधि के वापसी मूल्य को बदलना होगा:

return match ? this.decodeFragment(match[1].replace(pathStripper, '')) : '';

sjmiller85 8 सित॰ 2016

👍6 ❤1

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

हाय @chaimpeck! इसकी रिपोर्ट करने के लिए धन्यवाद।

दुर्भाग्य से, मैं उपरोक्त कोड का उपयोग करके इसे पुन: पेश करने में सक्षम नहीं था। मैंने मास्टर शाखा और 1.1.2 रिलीज दोनों के साथ नवीनतम क्रोम और फ़ायरफ़ॉक्स की कोशिश की। क्या आप एक गिस्ट/बिन/फिडल में एक कामकाजी उदाहरण पोस्ट करना चाहेंगे जिसे मैं देख सकता हूं?

हमें निश्चित रूप से पहले फ़ायरफ़ॉक्स में विशिष्ट वर्णों को एन्कोडिंग/डिकोडिंग में समस्याएं आई हैं और मुझे संदेह नहीं होगा कि और भी कुछ हैं। :स्माइली:

braddunbar 30 नव॰ 2014

मैंने वास्तव में यह वही समस्या देखी है, लेकिन मैं अपना कोड साझा करने में असमर्थ हूं। मैं देखूंगा कि क्या मैं इसे दोहराने के लिए कुछ परीक्षण कोड का नकल कर सकता हूं, लेकिन मुझे पता चला है कि समस्या निश्चित रूप से ब्राउज़र आधारित है। आईई और क्रोम के सभी आधुनिक संस्करण ठीक काम करते हैं, लेकिन कम से कम फ़ायरफ़ॉक्स v31.5.0 पर (मत पूछो, मुझे उस बुनियादी ढांचे से नफरत है जिस पर हम फंस गए हैं), यह निश्चित रूप से ट्रिगर विकल्प को जोड़े बिना भी ट्रिगर करता है।

sjmiller85 8 सित॰ 2016

return match ? this.decodeFragment(match[1].replace(pathStripper, '')) : '';

sjmiller85 8 सित॰ 2016

👍6 ❤1

अंतिम संस्करण के साथ अभी भी आवश्यक है इसलिए धन्यवाद!

Dahkon 14 मार्च 2018

यूआरएल में गैर-मानक वर्णों का उपयोग करने का प्रयास करते समय मेरे पास एक ही समस्या है, मेरे मामले में äö (स्वीडिश वर्णमाला में वर्ण)। क्रोम और बैकबोन का नवीनतम संस्करण।

sjmiller85 के समाधान ने मेरे लिए भी काम किया। बहुत बहुत धन्यवाद!

Amsvartner 19 मार्च 2018

👍1

@ sjmiller85 यहाँ आपका समाधान क्या था? मैं पूरी तरह से समझ नहीं पा रहा हूं कि 'पाथस्ट्रिपर' के लिए क्या उपयोग किया जाना चाहिए। क्या यह रेगेक्स है?
संपादित करें: यह मेरी स्थिति में काम करता है। देखें https://github.com/jashkenas/backbone/pull/3955/files
getHash: function (t) { var e = (t || this).location.href.match(/#(.*)$/); return e ? e[1] : "" }

Aggror 4 अप्रैल 2018

❤1 🎉1 😄1 👍1

@Aggror पथस्ट्रिपर, प्रलेखन के अनुसार, हैश के यूआरएल को अलग करने के लिए एक कैश्ड रेगेक्स है।

// Cached regex for stripping urls of hash.
var pathStripper = /#.*$/;

तो यह आपके समाधान के बराबर है, केवल अधिक साफ और कुशल :)

Amsvartner 25 अप्रैल 2018

अपने राउटर में एक साथ एक ही हैश जोड़ने से बचें और प्रारंभिक स्थिति का भी ध्यान रखें, मैं आपको एक कोड दिखाऊंगा
(प्रारंभिक मामले को संभालने के लिए) (एक साथ समान मार्गों को जोड़ने से रोकने के लिए)
अगर (मार्ग। लंबाई === 1 || मार्ग [मार्ग। लंबाई -1] === getHash ()) {
विवरण झूठा है;
}
अन्य{
मार्ग। पुश (getHash ())
};

abhiishere765 16 जुल॰ 2018

🎉1

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

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

Backbone: url में एक स्थान के साथ नेविगेट () फ़ायरफ़ॉक्स में {trigger:false} होने पर भी मार्ग को ट्रिगर करता है

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

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

संबंधित मुद्दों