2013-05-24 9 views
7

के अंदर बहुत सारे पाठ मैंने क्रोम में यह कोशिश की। अंदर बहुत सारे पाठ के साथ एक टेक्स्टरेरा होने के बाद, अंत में भागों को संपादित करना बहुत धीमा हो जाता है। कर्सर और कीबोर्ड इनपुट प्रतिक्रिया क्रॉल पर आती है।टेक्स्टरेरा में धीमी गति से धीमा जब

लेकिन अगर मैं इसे बना देता हूं तो से </body> के बाद सीएसएस लिंक धीमे हो जाते हैं। कोई विचार क्यों यह घटना मौजूद है?

कोड का प्रयोग किया:

<!DOCTYPE html> 
<html> 
    <head> 
     <style>textarea {width: 400px; height: 400px;}</style> 
     <link href="1.css" rel="stylesheet" type="text/css"> 
    </head> 

    <body> 
     <textarea name="content"></textarea> 
    </body> 
</html> 

यह एचटीएमएल वास्तव में बैकएंड स्क्रिप्ट है, जो पाठ की पंक्तियों के हजारों के साथ पाठ क्षेत्र की सामग्री को भरने जाएगा द्वारा उत्पन्न होता है। जब उपयोगकर्ता सामग्री के अंत तक नीचे स्क्रॉल करता है, तो वह जगह है जहां धीमापन शुरू होता है। यदि सिर क्षेत्र में सीएसएस हटा दिया गया है, तो यह तेज़ होगा।

+0

"बहुत सारे पाठ" कितने पाठ हैं? साथ ही, प्रतिपादन उद्देश्यों के लिए सीएसएस को हमेशा अपने दस्तावेज़ के 'हेड' टैग में शामिल किया जाना चाहिए। –

+0

@JamesDonnelly कृपया संपादित प्रश्न देखें। –

+0

बहुत कुछ है? 1000000000000 अक्षर? – DiederikEEn

उत्तर

1

लाइव उदाहरण देखने के बिना, यह कहना मुश्किल है। लेकिन कुछ संभावित कारण:

  • आप टेक्स्टरेरा (फ़ॉन्ट-फेस? एसआईएफआर?) में कस्टम फोंट का उपयोग कर रहे हैं जो आवश्यक अतिरिक्त ओवरहेड के कारण ब्राउजर को धीमा कर रहा है। विशेष रूप से यदि आप SIFr की तरह कुछ उपयोग कर रहे हैं!
  • एक सत्यापन समस्या: क्या आपका HTML/CSS मान्य है? W3 सत्यापन के माध्यम से इसे चलाने का प्रयास करें: (HTML, CSS)।
  • क्या आप पृष्ठ पर जावास्क्रिप्ट का उपयोग कर रहे हैं? शायद कुछ सत्यापन या अन्य प्रक्रिया जो textarea का उपयोग करके ट्रिगर किया जा सकता है?

मेरे पेट उम्मीद होगी कि यह पिछले दो ऊपर अंक में से एक है, कोशिश करते हैं और मदद मुसीबत शूट करने के लिए, कोशिश:

  • प्रमाणकों के माध्यम से अपने मार्कअप चल रहा है और उठाए गए मुद्दों को हल करने। क्या यह अभी भी करता है?
  • जावास्क्रिप्ट को अक्षम करें और पृष्ठ लोड करें। क्या यह अभी भी करता है?

मुझे उम्मीद है कि आप बहुत जल्दी कारण को कम करने में सक्षम होंगे।

पीएस: सीएसएस को कहीं भी नहीं बल्कि सिर में रखें - इससे आपको अन्य सभी प्रकार की समस्याएं मिलेंगी!

+0

कोई जावास्क्रिप्ट इस्तेमाल नहीं किया गया था। –

2

मैंने इस मुद्दे पर भी ठोकर खाई, मेरे मामले में केवल क्रोमियम ब्राउज़र प्रभावित हुआ। ->https://code.google.com/p/chromium/issues/detail?id=237433

+0

क्रोमियम समस्या 237433 से: "_... इसने वर्तनी सुधार को बंद करने के लिए बहुत कुछ (100x सोचें) (फ़ील्ड पर राइट-क्लिक के माध्यम से) ._", लेकिन क्रोम के हाल के संस्करणों में और विकल्प नहीं है Textarea के राइट-क्लिक संदर्भ मेनू में वर्तनी बंद करें। – osgx

0

यदि समस्या केवल क्रोम में होती है, तो यह वर्तनी जांचकर्ता हो सकती है।

@PapaKai द्वारा प्रदान किए गए लिंक के अनुसार, वर्तनी परीक्षक को अक्षम करने में सहायता मिल सकती है। (हाल ही में सुझाव दिया)

आप < पाठ क्षेत्र वर्तनी जाँच के साथ सिर्फ पाठ क्षेत्र पर वर्तनीजांच अक्षम कर सकते हैं = "false" > रूप false करने के लिए this जवाब

10

spellcheck सेट में विस्तार से बताया:

<textarea spellcheck="false"></textarea> 

यह मदद कर सकता है।


ऑगस्टिन सुझाव रखकर आप भी इन लोगों को जोड़ने की कोशिश कर सकते:

<textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"> 
+1

धन्यवाद यह सुनिश्चित करने के लिए कि मैंने स्वत: पूर्ण = "बंद" autocorrect = "off" autocapitalize = "off" spellcheck = "false" जोड़ा है और यह मेरे प्रदर्शन समस्याओं को हल करता है। धन्यवाद! –

1

मैं एक ही समस्या थी, लेकिन मैं अगले विशेषता ng-model-options="{ updateOn: 'blur' }"

साथ इसे हल

के साथ प्रयास करें

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