वेबसाइटों के मोबाइल संस्करण को दिखाने के लिए फ़ायरफ़ॉक्स को कैसे मजबूर किया जाए?


12

मेरे पास एक GPD पॉकेट चल रहा है, जो कि Ubuntu और 16.04 LTS यूनिटी और फ़ायरफ़ॉक्स क्वांटम के साथ चल रहा है । GPD पॉकेट एक छोटी नेटबुक (7 इंच डिस्प्ले) है। कुछ साइटों के लिए इसलिए मैं इस स्क्रीन को वेबसाइट के मोबाइल संस्करण (मुख्य रूप से मेरे काम के एग्रुपवेयर सर्वर पर) को देखना पसंद करूंगा ।

यह कैसे संभव है?

बोनस प्रश्न (लेकिन स्वीकृत उत्तर प्राप्त करने के लिए न तो आवश्यक और न ही पर्याप्त): Google क्रोम / क्रोमियम पर यह कैसे करें?

मुझे परवाह नहीं है अगर यह एक प्रति वेबसाइट या एक वैश्विक सेटिंग है क्योंकि मैं विभिन्न चीजों के लिए अलग-अलग फ़ायरफ़ॉक्स प्रोफाइल का उपयोग करता हूं।

जवाबों:


11

फ़ायरफ़ॉक्स

वेबसाइटों का मोबाइल संस्करण दिखाना फ़ायरफ़ॉक्स में एक अंतर्निहित सुविधा है। फ़ायरफ़ॉक्स में टूल्स -> वेब डेवलपर -> उत्तरदायी डिज़ाइन मोड और फिर ड्रॉपडाउन मेनू से अपने डिवाइस मॉडल का चयन करें।

क्रोमियम / क्रोम

डिवाइस मोड चालू या बंद करने के लिए डिवाइस मोड बटन को टॉगल करें। जब डिवाइस मोड चालू होता है, तो आइकन नीला होता है ( आईएमजी: )। जब डिवाइस मोड बंद होता है, तो आइकन ग्रे ( आईएमजी: ) होता है। टूल का चयन करें -> डेवलपर टूल -> टॉगल डिवाइस टूलबार बटन पर क्लिक करें (नीचे स्क्रीनशॉट में माउस कर्सर द्वारा चिह्नित -> ड्रॉपडाउन मेनू दिखाने के लिए "उत्तरदायी" के दाईं ओर काले डाउनवर्ड त्रिकोण पर क्लिक करें और ड्रॉपडाउन से अपने डिवाइस का चयन करें मेन्यू।

यहाँ छवि विवरण दर्ज करें


धन्यवाद । एक छोटा सा सवाल। डीपीआर क्या है और मुझे अपने डिवाइस के लिए इसकी गणना कैसे करनी चाहिए?
ब्रुनी

DPR का मतलब D evice P ixel R atio है। एक कस्टम डिवाइस पिक्सेल अनुपात सेट करने के लिए, फ़ायरफ़ॉक्स में उत्तरदायी डिज़ाइन मोड दर्ज करें, "डीपीआर" लेबल वाले सूची बॉक्स पर क्लिक करें, और इच्छित मान चुनें। डीपीआर पर अधिक बारीक नियंत्रण प्राप्त करने के लिए, उत्तरदायी डिज़ाइन मोड में प्रवेश करें, डिवाइस सूची बॉक्स में "कोई उपकरण चयनित नहीं" चुनें, टैब के लिए फ़ायरफ़ॉक्स में ज़ूम अनुपात बदलें जिसमें दृश्य -> ज़ूम -> ज़ूम का चयन करके फ़ोकस हो / जो डीपीआर सूची बॉक्स में वर्तमान में चयनित डीपीआर के मूल्य को बदल देगा।
करेल

जब आप ड्रॉपडाउन मेनू से रिस्पॉन्सिव डिज़ाइन मोड में डिवाइस को बदलते हैं तो यह स्वचालित रूप से डीपीआर को डीपीआर में बदल देता है जो चयनित डिवाइस से मेल खाती है। आप ड्रॉपडाउन मेनू को भी संपादित कर सकते हैं और एक कस्टम डिवाइस बना सकते हैं जिसमें स्क्रीन आकार और डीपीआर के लिए अपने स्वयं के कस्टम मूल्य हैं।
करेल

5

आप उपयोगकर्ता-एजेंट स्विचर जैसे ऐड-ऑन का उपयोग कर सकते हैं ।

यह आपको कई विकल्पों में से चुनने देता है:

यहाँ छवि विवरण दर्ज करें
(स्क्रीनशॉट स्रोत: ऊपर लिंक)


1
+1 यह काम आपको धन्यवाद देता है। मैं @Karel के समाधान को स्वीकार करूंगा क्योंकि यह कम आक्रामक है।
ब्रुनी

@ बरुनी मैंने भी ऐसा ही किया होगा:
-डॉ

0

आप url में www के लिए m या एक उपयुक्त फ़ायरफ़ॉक्स एडऑन जैसे अस्थायी मोबाइल दृश्य के रूप में प्रतिस्थापित करने का प्रयास कर सकते हैं।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.