Google Chrome मोबाइल एमुलेटर: स्क्रीन कीबोर्ड पर कैसे दिखाना है


94

मैं क्रोम वेबसाइट के मोबाइल इम्यूलेशन टूल के माध्यम से हमारी वेबसाइट के मोबाइल संस्करण को डिबग कर रहा हूं, लेकिन यह पता नहीं लगा सकता कि पाठ क्षेत्र का चयन करते समय ऑन-स्क्रीन कीबोर्ड कैसे पॉप अप होता है।

मैंने टेक्स्ट बॉक्स पर क्लिक किया है, लेकिन कोई भी कीबोर्ड ऊपर नहीं आता है। यदि मैं मोबाइल डिवाइस पर ऐसा करता हूं, तो डिफ़ॉल्ट इनपुट विधि (कीबोर्ड) पॉप अप हो जाती है और मुझे टाइप करने की अनुमति देती है।

क्या इसे दोहराने का कोई तरीका है?

जवाबों:


148

Chrome डेवलपर टूल को विभिन्न डिवाइस स्टेट्स का अनुकरण करने के लिए सीमित समर्थन है:

  • डिफ़ॉल्ट ब्राउज़र UI
  • क्रोम नेविगेशन बार के साथ
  • खोला कीबोर्ड के साथ

प्रलेखन के अनुसार , ऐसी सुविधा केवल "नेक्सस 5X जैसे समर्थित उपकरणों" का अनुकरण करते समय उपलब्ध है ।

इस सुविधा का समर्थन करने वाले उत्सर्जित उपकरणों की पूरी सूची क्रोमियम डेवल्स-फ्रंटेंड सोर्स-कोड ( गिटहब पर दर्पण ) में पाई जा सकती है । वर्तमान में, यह केवल द्वारा समर्थित है:

  • नेक्सस 5
  • नेक्सस 5 एक्स

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

Chrome डेवलपर टूल का स्क्रीनशॉट


यह लगभग पूरी तरह से काम करता है। कीबोर्ड मेरे कर्सर के स्थान का उपयोग नहीं करता है और इसके बजाय वेबपेज के नेविगेशन बार में चूक करता है, लेकिन पृष्ठ का संपीड़न काफी अच्छा काम करता है। - धन्यवाद
हारून हेलमैन

19
ध्यान दें कि यह अभी भी कीबोर्ड के व्यवहार को मॉडल नहीं करता है (इनपुट का चयन करते समय कीबोर्ड नहीं लाता है, स्क्रॉल स्थिति को समायोजित नहीं करता है)।
dlsso

18
ऐसा प्रतीत होता है कि क्रोम 68+ में हटा दिया गया है :( नहीं, इससे मुझे स्पेल चेक देरी बग को ठीक करने में मदद मिली होगी।
रे फॉस

4
यह पदावनत है। वर्चुअल कीबोर्ड अधिक समर्थित नहीं है। Developers.google.com/web/tools/chrome-devtools/device-mode/…
Rafael S. Fijalkowski

7
क्रोमियम v79 का उपयोग कर इम और नेक्सस 5 एस के लिए उपलब्ध कीबोर्ड की पुष्टि कर सकता है
मार्सिन

16

मैं आया हुआ निकटतम वर्चुअल कीबोर्ड एक्सटेंशन का उपयोग कर रहा हूं: "क्रोम वर्चुअल कीबोर्ड"

नोट: मुझे इसे टच इवेंट्स का उपयोग करने के लिए सेट करना था जब मैं इसे काम कर रहा था एक स्नेका टच ऐप के साथ उपयोग कर रहा था।

दूसरों के एक नंबर हैं तो बस क्रोम एक्सटेंशन क्षेत्र में "वर्चुअल कीबोर्ड" की खोज करें और जो आपको पसंद है उसे चुनें।


1
काम करता है! डिफ़ॉल्ट कीबोर्ड के समान नहीं, बल्कि बहुत अच्छा लगता है। धन्यवाद!
एरोन हेलमैन

यह अब एक मृत कड़ी है, जो बहुत शर्म की बात है। वास्तव में मुझे भी क्या चाहिए! जीआरआरजी।
जेपीलॉक

1
यह प्रश्न पर्याप्त रूप से करीब है: stackoverflow.com/questions/38386215/…
JPollock

1
@BryanRayner, लिंक पुनर्जीवित होने पर अच्छा लगता है। जोड़ा गया पुनर्निर्देश।
एंथनीवीओ
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.