क्रोम में क्रोम डेवलपर टूल कुछ डिवाइस आयामों को अनुकरण कर सकते हैं और यहां तक कि हम व्यूपोर्ट के लिए कस्टम चौड़ाई (x) और ऊंचाई (y) सेट कर सकते हैं। मेरा सवाल यह है कि हम कस्टम नाम के साथ इस कस्टम चौड़ाई या ऊंचाई को बचा सकते हैं या बस इसे सहेज सकते हैं।क्रोम डेवलपर टूल में कस्टम डिवाइस चौड़ाई और ऊंचाई सहेजें
उत्तर
हां, आप कस्टम प्रीसेट को सहेज सकते हैं। बस दाईं ओर स्थित More overrides
बटन पर क्लिक करें (तीन क्षैतिज बिंदुओं के रूप में प्रतिनिधित्व)। इम्यूलेशन ड्रॉवर को देव-टूल्स में दिखाना चाहिए। आप Save As
बटन पर क्लिक कर सकते हैं और कस्टम प्रीसेट पर एक नाम असाइन कर सकते हैं। नए प्रीसेट को मॉडल की सूची में दिखाना चाहिए।
अधिक विस्तृत चरणों के लिए official DevTools documentation on this देखें।
संपादित करें: ऐसा लगता है कि यह क्रोम के नए संस्करणों में बदल गया है। matharden's answer सही चरण शामिल हैं: DevTools अंदर,, Settings
के लिए जाने के बाएं नेविगेशन में Devices
का चयन करें और चयन Add custom device...
बार जब मैं इस उत्तर को जोड़ दिया है पर, स्क्रीन संकल्प बचत निष्क्रिय कर दिया गया है लगता है।
मैंने अभी भी एक प्रीसेट (1024x768) बनाया है, जबकि यह अभी भी संभव था, और मैं अभी भी उस प्रीसेट तक पहुंच सकता हूं, लेकिन अब कोई बचत विकल्प नहीं है जहां यह अस्तित्व में था (जैसा कि @ चिराग 64 वर्णित है)। , https://developer.chrome.com/devtools/docs/device-mode या तो :(
मैं क्रोम में चारों ओर का शीघ्रता से अवलोकन किया था:
डॉक्स में 'सहेजें' का कोई जिक्र नहीं है // flags और मेरे ~/Library/अनुप्रयोग समर्थन/गूगल/क्रोम निर्देशिका, लेकिन मैंने जो वरीयता बचाई है उसका संदर्भ नहीं मिला ...
यह डेवलपर टूल्स सेटिंग्स में है, [नीचे मेरा जवाब देखें] (http://stackoverflow.com/questions/27599155/save-custom-device-width-and-height-in-chrome-developer-tools/#33807877) । – matharden
यदि आप डेवलपर टूल लाते हैं, तो कोने में सेटिंग्स कोग पर क्लिक करें और फिर बाएं हाथ के मेनू से डिवाइस का चयन करें, वहां एक विकल्प है एक कस्टम डिवाइस जोड़ने के लिए उस पृष्ठ के नीचे।
मुझे पुराने तरीके से बेहतर पसंद आया (इम्यूलेशन ड्रॉवर में विकल्प के रूप में सहेजें) लेकिन यह उत्तर अब सही एक प्रतीत होता है। – Jono
हाल के संस्करणों में यह पाया गया है ...
- डेवलपर उपकरण (Ctrl + Shift/विकल्प + CMD + मैं)
- सेटिंग (एफ 1)
- डिवाइस
- कस्टम डिवाइस जोड़ें ...
Device Mode & Mobile Emulation क्रोम डॉक्स में विनिर्दिष्ट।
क्रोम कैनरी अब 'डिवाइस मोड' में 'उत्तरदायी' ड्रॉप-डाउन मेनू में "संपादन ..." के अंतर्गत आसानी से पाया गया है (CTRL + SHIFT/OPTION + CMD + M जब डेवलपर टूल खुले हैं)।
यह काम करता है, लेकिन क्रोम बंद करने के बाद कस्टम डिवाइस को सहेजने लगते नहीं हैं। क्या कस्टम डिवाइस को सहेजने का कोई तरीका है, और इसे डिफ़ॉल्ट बनाते हैं ताकि जब ब्राउज़र इसे कस्टम डिवाइस पर डिफ़ॉल्ट रूप से खुलता है? – simon
उत्तर देने के कुछ साल बाद, लेकिन क्या पहले से जोड़ा गया कस्टम डिवाइस संपादित करने का कोई तरीका है? मैं केवल उन्हें सक्षम/अक्षम करने में सक्षम प्रतीत होता हूं। उन्हें संपादित नहीं करें। – Chewtoy
- 1. क्रोम डेवलपर टूल
- 2. क्रोम डेवलपर टूल/फ़ायरबग
- 3. IOS डिवाइस स्क्रीन ऊंचाई हो और चौड़ाई
- 4. क्रोम के डेवलपर टूल में "डोमकंटेंट इवेंट" और "लोड इवेंट"
- 5. क्रोम डेवलपर टूल के साथ iframes डिबगिंग
- 6. क्रोम डेवलपर टूल ब्लैकबॉक्स विकल्प नहीं है?
- 7. कस्टम डायलॉग ऊंचाई और चौड़ाई सेट करें
- 8. डिवाइस कच्ची चौड़ाई और ऊंचाई या वास्तविक स्क्रीन चौड़ाई और ऊंचाई कैसे प्राप्त करें?
- 9. क्रोम डेवलपर टूल में विंडो का आकार बदलते समय व्यूपोर्ट चौड़ाई दिखाएं?
- 10. क्रोम डेवलपर टूल्स - ब्राउज़र का आकार?
- 11. उसी विंडो में क्रोम डेवलपर टूल को कैसे संलग्न करें?
- 12. क्रोम डेवलपर टूल में ब्लैक-मुक्केबाजी स्क्रिप्ट विकल्प
- 13. क्रोम डेवलपर टूल में AJAX प्रतिक्रिया सामग्री देखें?
- 14. एंड्रॉइड में कस्टम व्यू चौड़ाई और ऊंचाई बदलें
- 15. बाहरी चौड़ाई और चौड़ाई क्रोम
- 16. स्क्रीन चौड़ाई और ऊंचाई
- 17. रनटाइम पर डिवाइस की ऊंचाई और चौड़ाई कैसे प्राप्त करें?
- 18. आईई 11 डेवलपर टूल तत्व की चौड़ाई नहीं दिखाते
- 19. console.time() IE8 डेवलपर टूल में
- 20. Chrome डेवलपर टूल Iframe सामग्री
- 21. क्रोम डेवलपर टूल या क्रोम में फायरबग लाइट में आईफ्रेम में सीडी कैसे कर सकता हूं?
- 22. कोणीय Chrome डेवलपर टूल
- 23. Google डेवलपर टूल/फ़ायरबग
- 24. वेब डेवलपर टूल विकल्प
- 25. क्रोम डेवलपर टूल के साथ सीएसएस इंजेक्ट करें?
- 26. डेवलपर टूल्स क्रोम ओएसएक्स
- 27. क्रोम डेवलपर टूल के साथ डोम अपवाद डीबगिंग jquery
- 28. क्रोम डेवलपर टूल से AJAX अनुरोध को रद्द करें
- 29. क्रोम डेवलपर टूल्स 22
- 30. Google क्रोम डेवलपर
चीजें बदल गई हैं और एमुलेशन ड्रॉवर में सेव एज़ बटन अब दिखाई नहीं देता है। इसके बजाए जोफर्निस का जवाब देखें। – Jono
अब यह आगे बढ़ गया है, [नीचे देखें] (http://stackoverflow.com/questions/27599155/save-custom-device-width-and-height-in-chrome-developer-tools/#33807877)। – matharden
डाउनवॉटेड, इसका कारण यह है कि यह उत्तर अब सही नहीं है। सही उत्तर @ माथेर्डन का उत्तर नीचे है। –