2014-12-22 6 views
9

क्रोम में क्रोम डेवलपर टूल कुछ डिवाइस आयामों को अनुकरण कर सकते हैं और यहां तक ​​कि हम व्यूपोर्ट के लिए कस्टम चौड़ाई (x) और ऊंचाई (y) सेट कर सकते हैं। मेरा सवाल यह है कि हम कस्टम नाम के साथ इस कस्टम चौड़ाई या ऊंचाई को बचा सकते हैं या बस इसे सहेज सकते हैं।क्रोम डेवलपर टूल में कस्टम डिवाइस चौड़ाई और ऊंचाई सहेजें

उत्तर

3

हां, आप कस्टम प्रीसेट को सहेज सकते हैं। बस दाईं ओर स्थित More overrides बटन पर क्लिक करें (तीन क्षैतिज बिंदुओं के रूप में प्रतिनिधित्व)। इम्यूलेशन ड्रॉवर को देव-टूल्स में दिखाना चाहिए। आप Save As बटन पर क्लिक कर सकते हैं और कस्टम प्रीसेट पर एक नाम असाइन कर सकते हैं। नए प्रीसेट को मॉडल की सूची में दिखाना चाहिए।

अधिक विस्तृत चरणों के लिए official DevTools documentation on this देखें।

संपादित करें: ऐसा लगता है कि यह क्रोम के नए संस्करणों में बदल गया है। matharden's answer सही चरण शामिल हैं: DevTools अंदर,, Settings के लिए जाने के बाएं नेविगेशन में Devices का चयन करें और चयन Add custom device...

+1

चीजें बदल गई हैं और एमुलेशन ड्रॉवर में सेव एज़ बटन अब दिखाई नहीं देता है। इसके बजाए जोफर्निस का जवाब देखें। – Jono

+0

अब यह आगे बढ़ गया है, [नीचे देखें] (http://stackoverflow.com/questions/27599155/save-custom-device-width-and-height-in-chrome-developer-tools/#33807877)। – matharden

+0

डाउनवॉटेड, इसका कारण यह है कि यह उत्तर अब सही नहीं है। सही उत्तर @ माथेर्डन का उत्तर नीचे है। –

0

बार जब मैं इस उत्तर को जोड़ दिया है पर, स्क्रीन संकल्प बचत निष्क्रिय कर दिया गया है लगता है।

मैंने अभी भी एक प्रीसेट (1024x768) बनाया है, जबकि यह अभी भी संभव था, और मैं अभी भी उस प्रीसेट तक पहुंच सकता हूं, लेकिन अब कोई बचत विकल्प नहीं है जहां यह अस्तित्व में था (जैसा कि @ चिराग 64 वर्णित है)। , https://developer.chrome.com/devtools/docs/device-mode या तो :(

मैं क्रोम में चारों ओर का शीघ्रता से अवलोकन किया था:

डॉक्स में 'सहेजें' का कोई जिक्र नहीं है // flags और मेरे ~/Library/अनुप्रयोग समर्थन/गूगल/क्रोम निर्देशिका, लेकिन मैंने जो वरीयता बचाई है उसका संदर्भ नहीं मिला ...

+1

यह डेवलपर टूल्स सेटिंग्स में है, [नीचे मेरा जवाब देखें] (http://stackoverflow.com/questions/27599155/save-custom-device-width-and-height-in-chrome-developer-tools/#33807877) । – matharden

2

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

+0

मुझे पुराने तरीके से बेहतर पसंद आया (इम्यूलेशन ड्रॉवर में विकल्प के रूप में सहेजें) लेकिन यह उत्तर अब सही एक प्रतीत होता है। – Jono

6

हाल के संस्करणों में यह पाया गया है ...

  1. डेवलपर उपकरण (Ctrl + Shift/विकल्प + CMD + मैं)
  2. सेटिंग (एफ 1)
  3. डिवाइस
  4. कस्टम डिवाइस जोड़ें ...

Device Mode & Mobile Emulation क्रोम डॉक्स में विनिर्दिष्ट।

क्रोम कैनरी अब 'डिवाइस मोड' में 'उत्तरदायी' ड्रॉप-डाउन मेनू में "संपादन ..." के अंतर्गत आसानी से पाया गया है (CTRL + SHIFT/OPTION + CMD + M जब डेवलपर टूल खुले हैं)।

+0

यह काम करता है, लेकिन क्रोम बंद करने के बाद कस्टम डिवाइस को सहेजने लगते नहीं हैं। क्या कस्टम डिवाइस को सहेजने का कोई तरीका है, और इसे डिफ़ॉल्ट बनाते हैं ताकि जब ब्राउज़र इसे कस्टम डिवाइस पर डिफ़ॉल्ट रूप से खुलता है? – simon

+0

उत्तर देने के कुछ साल बाद, लेकिन क्या पहले से जोड़ा गया कस्टम डिवाइस संपादित करने का कोई तरीका है? मैं केवल उन्हें सक्षम/अक्षम करने में सक्षम प्रतीत होता हूं। उन्हें संपादित नहीं करें। – Chewtoy

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