Panzoom: मोबाइल पर क्रोम v55.02883.91 में पिंच ज़ूम टूटा हुआ

को निर्मित 12 दिस॰ 2016 · 20टिप्पणियाँ · स्रोत: timmywil/panzoom

मुद्दे का विषय

मोबाइल और Android सिस्टम पर Chrome v55.02883.91 में पिंच ज़ूम टूटा हुआ WebView v55.02883.91
यह क्रोम (ब्राउज़र) का उपयोग करने वाले एंड्रॉइड मोबाइल उपकरणों और एंड्रॉइड सिस्टम वेबव्यू का उपयोग करने वाले कॉर्डोवा ऐप पर लागू होता है।

आपका पर्यावरण

jquery.panzoom.min.js 3.2.2
jquery-1.11.1.min.js (मेरे कॉर्डोवा ऐप्स के लिए) हालांकि डेमो वेब साइट भी काम नहीं करती है।
क्रोम टूटा हुआ (ऊपर संस्करण देखें)। अभी भी सैमसंग फोन पर ब्राउज़र के रूप में "इंटरनेट" का उपयोग करके काम करता है।

प्रजनन के चरण

सैमसंग गैलेक्सी S6 एज + (या समकक्ष) को पकड़ें
क्रोम और/या एंड्रॉइड सिस्टम वेबव्यू को v55 आदि में अपग्रेड करें।
डेमो पेज में लोड करें
कोशिश करो और बाघ पर ज़ूम इन करो - उसने दोस्त को तोड़ा!

अपेक्षित व्यवहार

क्रोम के पिछले संस्करण पर (ठीक v54 तक, पूरी तरह से काम किया, यानी ज़ूम इन किया!

वास्तविक व्यवहार

V55 पर क्या होता है, आपको केवल पैन मिलता है, ज़ूम नहीं और पैन की गई छवि कभी-कभी चुटकी की उंगलियों के बीच 'कूद' जाती है और एक चमकती प्रभाव पैदा करती है क्योंकि छवि आपकी दो उंगलियों के बीच फ़्लिप होती है।

स्रोत

nsshunt

👍15

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

कोड में एक त्वरित हैक था और लाइन 1164 पर टिप्पणी कर रहा था:

this.panning = true;
मेरे लिए फिर से पिंच-ज़ूम की अनुमति देता है (और पैनिंग को प्रभावित नहीं करता है)। मैं यह नहीं देख सकता कि यह कहां है। प्रारंभिककरण को छोड़कर पैनिंग झूठी पर सेट हो जाती है ... वाईएमएमवी।

vrtual 19 दिस॰ 2016

👍11

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

इस मुद्दे की रिपोर्ट करने के लिए धन्यवाद। एक पल में मेरा ऐप जूम पर काम करना बंद कर देता है और मुझे नहीं पता क्यों।

claudiobadii 15 दिस॰ 2016

मेरा ऐप भी टूट गया। नए अपडेट किए गए क्रोम पर अजीब व्यवहार (ड्रैग इवेंट विंडो को स्क्रॉल करने लगते हैं और पिंच इवेंट हैं ... विचित्र)। गैर-अद्यतन क्रोम के साथ अन्य डिवाइस ठीक काम कर रहा है। कल रात अपडेट किया गया क्रोम और यह भी टूट गया।

vrtual 16 दिस॰ 2016

इस मुद्दे को खोलने के लिए धन्यवाद।
मेरा ऐप इस कारण से क्रोम डेस्कटॉप पर भी काम करना बंद कर देता है।

lorecioni 16 दिस॰ 2016

समाधान - जोड़ें
touch-action: none;
आपके पैनज़ूम कंटेनर के सीएसएस में और ब्राउज़र उस घटक के लिए अपने स्वयं के स्पर्श ईवेंट नहीं करेगा।

यह एक नई बात है: https://developers.google.com/web/updates/2016/10/pointer-events

vrtual 16 दिस॰ 2016

👎2 👍1

समाधान - जोड़ें
स्पर्श-क्रिया: कोई नहीं;
आपके पैनज़ूम कंटेनर के सीएसएस में और ब्राउज़र उस घटक के लिए अपने स्वयं के स्पर्श ईवेंट नहीं करेगा।

यह एक नई बात है: https://developers.google.com/web/updates/2016/10/pointer-events

काम नहीं कर रहा।

wywfsgyu111111 17 दिस॰ 2016

कोड में एक त्वरित हैक था और लाइन 1164 पर टिप्पणी कर रहा था:

vrtual 19 दिस॰ 2016

👍11

कोड में एक त्वरित हैक था और लाइन 1164 पर टिप्पणी कर रहा था:
यह पैनिंग = सच;
मेरे लिए फिर से पिंच-ज़ूम की अनुमति देता है (और पैनिंग को प्रभावित नहीं करता है)। मैं यह नहीं देख सकता कि यह कहां है। प्रारंभिककरण को छोड़कर पैनिंग झूठी पर सेट हो जाती है ... वाईएमएमवी।

धन्यवाद, मेरे लिए काम करता है!

wywfsgyu111111 19 दिस॰ 2016

कोड में एक त्वरित हैक था और लाइन 1164 पर टिप्पणी कर रहा था:
यह पैनिंग = सच;

वोम वहाँ है .....

यह 'हैक' चाल करता है! अब एंड्रॉइड 55 . पर काम करता है

IOS 10.2 पर फिर से परीक्षण किया गया, Android 53 - अभी भी पहले की तरह काम कर रहा है!

धन्यवाद आभासी!

nsshunt 19 दिस॰ 2016

कोड में एक त्वरित हैक था और लाइन 1164 पर टिप्पणी कर रहा था:
यह पैनिंग = सच;
मेरे लिए फिर से पिंच-ज़ूम की अनुमति देता है (और पैनिंग को प्रभावित नहीं करता है)। मैं यह नहीं देख सकता कि यह कहाँ पर सेट हो जाता है। आरंभीकरण को छोड़कर गलत पर सेट हो जाता है ... YMMV।

मेरे लिए ठीक काम करता है ... धन्यवाद आदमी
मैं अपना स्वयं का ज़ूम फ़ंक्शन कर रहा हूं, लेकिन यह मुझे अभी के लिए बचाता है... धन्यवाद

एंड्रॉइड गूगल वेबव्यू 2016 दिसंबर 14 अपडेट पर परीक्षण किया गया ...

alandamatta 19 दिस॰ 2016

कोड में एक त्वरित हैक था और लाइन 1164 पर टिप्पणी कर रहा था:
यह पैनिंग = सच;

यह आंशिक रूप से काम करता है। धन्यवाद!

pravid 2 जन॰ 2017

मुझे उस पंक्ति पर टिप्पणी करने में आंशिक सफलता मिली है, अब यह अंतःक्रिया स्थान के बजाय ऊपर-बाएँ से ज़ूम करता है, लेकिन यह एक बहुत बड़ा सुधार है।

OmniCHI 4 जन॰ 2017

ऐसा प्रतीत होता है कि नवीनतम क्रोम बदल गया है जहां पेजएक्स और पेजवाई संदर्भ घटना में बैठता है।
उस क्रोम परिवर्तन तक, सभी ब्राउज़रों के पास event.pageX... में था।
अब यह इवेंट में बैठता है। originalEvent.pageX...

मैं पैनज़ूम कोड पर जाने के माध्यम से भाग रहा हूं। माउस ईवेंट का उपयोग करके क्रोम पर काम करने के लिए इन पंक्तियों को बदलें:
पंक्ति 1191:1192
से बदलें:
startPageX = event.pageX; startPageY = event.pageY;
प्रति:
if (typeof event.pageX === 'undefined'){ startPageX = event.originalEvent.pageX; startPageY = event.originalEvent.pageY; }else{ startPageX = event.pageX; startPageY = event.pageY; }
लाइन 1232 में जोड़ें:
if (typeof coords.pageX === 'undefined'){ coords['pageX'] = coords.originalEvent.pageX; coords['pageY'] = coords.originalEvent.pageY; }

स्पर्श घटनाओं के लिए आने के लिए और अधिक के रूप में मैं इसके माध्यम से जाना।

bodgybrothers 4 जन॰ 2017

👍5

टिप्पणी करते हुए "this.panning = true;" इसे ठीक करता है लेकिन यह अब उतना आसान नहीं है और पुराने उपकरणों पर ज़ूमिंग काफी कम हो जाती है। मुझे लगता है कि इस पर टिप्पणी करने से सीपीयू की अधिक शक्ति का उपयोग होता है और इस प्रकार पुराने उपकरण नहीं चल सकते।

ErkoKnoll 12 जन॰ 2017

क्या आपने नए संस्करण (3.2.2) में अपडेट करने की कोशिश की है और दी गई लाइन पर टिप्पणी करें?

pravid 18 जन॰ 2017

मैं पुष्टि कर सकता हूं कि यह बग अभी भी मौजूद है (और यह ठीक काम करता है) v3.2.2 और क्रोम 56 में।

मैं 100% निश्चित नहीं हूं, लेकिन मुझे लगता है कि समस्या यह है:
वह चर ( this.panning ) _startMove फ़ंक्शन के एक से अधिक इंस्टेंस को एक साथ सक्रिय होने से रोकने के उद्देश्य से प्रतीत होता है। इसे endEvent ईवेंट (लाइन 1249) पर false पर रीसेट किया जाना चाहिए, लेकिन मुझे लगता है कि यह ठीक से काम नहीं कर रहा है (मैंने इसका पता लगाने के लिए पर्याप्त गहराई तक नहीं पहुंचा है)। यही कारण है कि ThorConzales ने पाया कि फिक्स के कारण प्रदर्शन में कमी आई है।

वैकल्पिक समाधान: मैंने पाया है कि _startMove फ़ंक्शन (पंक्ति 1255) के अंत में this.panning = false; जोड़ने से भी यह समस्या हल हो जाती है। मैंने पुराने उपकरणों पर परीक्षण नहीं किया है, इसलिए मैं पुष्टि नहीं कर सकता कि यह प्रदर्शन हानि में मदद करता है, लेकिन अगर कोई और कर सकता है तो मैं इसकी सराहना करता हूं।

JamesCatt 10 मार्च 2017

👍1

धन्यवाद @JamesCatt आपके विकल्प का प्रयास करेगा।

@timmywil!?

Risingson 12 मार्च 2017

@JamesCatt वैकल्पिक फिक्स मेरे लिए काम नहीं करता था और ज़ूम फिर से टूट गया था (एक उपयोगकर्ता द्वारा रिपोर्ट किया गया क्योंकि मेरे पास खुद का परीक्षण करने के लिए कोई उपकरण नहीं है)।

Risingson 13 मार्च 2017

टिप्पणी पंक्ति 1164(this.panning = true) मेरे लिए काम नहीं कर रही है। मैंने लाइन 1143 में धोखा दिया है कि मूवएवेंट = 'पॉइंटरमोव' tomoveEvent = 'टचमोव' को बदल देता है, तो यह काम करता है, मुझे यकीन नहीं है कि इससे कोई अन्य समस्या होगी।

alexiac4 12 मई 2017

मुझे इस समस्या को हल करने वाला एक हैक मिला है।

आरंभीकरण पर हमें options.which से -1 पर सेट करना चाहिए।

$("a.panzoom-elements").panzoom({
  which: -1,
});

__चेतावनी__
यह हैक केवल एक टच डिवाइस के लिए काम करता है। शायद यह माउस के लिए काम नहीं करता है।

hshiozawa 21 जुल॰ 2017

👍3

@JamesCatt का विकल्प मेरे काम नहीं आया। @hshiozawa की हैक, कम से कम एक पिक्सेल पर, Android 7.1.2 पर चल रही है

ksullivan2 25 जुल॰ 2017

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

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