Polypane - महत्वाकांक्षी वेब डेवलपर्स के लिए ब्राउज़र

 (polypane.app)
13 पॉइंट द्वारा GN⁺ 2025-03-26 | 4 टिप्पणियां | WhatsApp पर शेयर करें
  • वेबसाइट डेवलपमेंट, डिबगिंग और टेस्टिंग के लिए responsive design, accessibility और performance testing जैसी सुविधाओं को एकीकृत करने वाला डेस्कटॉप ब्राउज़र (Chromium-आधारित)
  • सभी काम real time में sync होते हैं, और अलग-अलग आकार के viewport को एक साथ देखना और नियंत्रित करना संभव है
    • click, input, scroll, hover जैसी सभी क्रियाएं सभी viewport में तुरंत दिखाई देती हैं
  • Mac, Windows, Linux पर उपलब्ध, और 14 दिन का free trial मिलता है

मुख्य फीचर्स का सारांश

  • responsive design

    • mobile से लेकर 5K monitor तक सभी viewport को एक नजर में देखा जा सकता है
    • browser size को manually adjust किए बिना CSS breakpoint test किए जा सकते हैं

  • real time analysis और sync

    • scroll, click, input, hover तक हर क्रिया सभी viewport में real time में sync होती है
    • console और element inspector भी integrated हैं, जिससे दोहराए जाने वाले काम कम होते हैं

  • accessibility और performance जांच

    • structure, metadata, accessibility (A11y) की real time में जांच होती है और सुधार के सुझाव मिलते हैं
    • 40 से अधिक debug tools के साथ कई तरीकों से testing संभव है

  • dark mode और विभिन्न media tests

    • operating system settings बदले बिना dark/light mode को एक साथ test किया जा सकता है
    • reduced motion, data saving mode, print styles जैसी विभिन्न media conditions का simulation

  • social media card preview

    • Twitter(X), Facebook, Slack, LinkedIn, Discord जैसे प्रमुख platforms के meta card preview का समर्थन
    • light/dark mode और localhost स्थिति में भी pixel-level सटीक preview उपलब्ध

  • developer tools extension support

    • React, Vue, Angular, Svelte, Redux आदि के विभिन्न DevTools extensions का उपयोग संभव
    • Chromium-आधारित browser होने के कारण परिचित development environment प्रदान करता है

Polypane की खास खूबियां

  • एक ही browser में विभिन्न devices और environments की testing संभव
  • development और design workflow की गति अधिकतम 5 गुना तक बेहतर
  • multifunction debugging tools, accessibility checks, viewport sync, screenshot, real time reloading आदि का all-in-one सेटअप
  • user feedback के आधार पर विकसित होने वाला, 100% user-focused self-funded project

अन्य प्रमुख फीचर्स की सूची

  • unlimited viewport creation
  • keyboard, hover, scroll sync
  • grid overlay
  • JSON viewer और विभिन्न device presets
  • horizontal overflow detection
  • visual design comparison (diff)
  • color blindness simulation
  • metadata overview
  • Web Vitals checker
  • touch emulation
  • broken link detection
  • custom header settings
  • workspace save और share फीचर

निर्माता की एक बात

  • डेवलपर Kilian Valkhof ने कई वेबसाइट बनाते समय झेली गई असुविधाओं को हल करने के लिए यह प्रोजेक्ट शुरू किया
  • केवल Chrome इस्तेमाल करने की तुलना में काम की गति लगभग 60% बेहतर हुई, और users ने भी 2 से 5 गुना productivity improvement महसूस किया
  • बिना investment के, user feedback और subscriptions पर चलने वाला प्रोजेक्ट, जो developer-focused tools बनाने पर केंद्रित है

यूज़र रिव्यू का सारांश

  • Vivian Guillen: “बहुत तेज़ है और scroll sync शानदार है”
  • Scott Tolinski: “breakpoints के बीच spacing की समस्याएं आसानी से पकड़ में आ जाती हैं”
  • Sara Soueidan: “debugging tools इतने शानदार हैं कि प्रभावित हुए बिना नहीं रहा जा सकता”
  • Kevin Powell: “accessibility checks और debugging features बेहतरीन हैं”
  • Segun Adebayo (Chakra UI डेवलपर): “modern apps और sites बनाने के लिए यह एक ज़रूरी tool है”

संबंधित पढ़ाई

4 टिप्पणियां

 
nemorize 2025-03-26

https://responsiveviewer.org/
Chrome extension के रूप में वितरित होने वाला एक विकल्प भी है। अगर आप कुछ फीचर्स छोड़ दें, तो इसे extension के बिना भी सीधे इस्तेमाल किया जा सकता है.
 
qyurila 2025-03-26

कहीं इसका उल्लेख ढूंढना थोड़ा मुश्किल है, लेकिन अगर आप GitHub Student account लिंक कर दें तो इसे मुफ्त में इस्तेमाल किया जा सकता है। इसी वजह से मैंने इसे अपने पिछले personal project में अच्छी तरह इस्तेमाल किया था।
 
luiseok 2025-03-26

फ़ीचर्स थोड़े कम हैं, लेकिन इसी तरह का एक ब्राउज़र मौजूद है.
https://responsively.app/
अगर Polypane paid होने की वजह से आप हिचकिचा रहे हैं, तो इसे एक बार इस्तेमाल करके देखने की सलाह देता हूँ.
 
GN⁺ 2025-03-26
Hacker News प्रतिक्रियाएँ
  • नमस्ते, मैं Polypane का संस्थापक और एकमात्र डेवलपर Kilian हूँ। इसे फिर से होमपेज पर देखकर दिलचस्प लग रहा है
  • मैंने हाल ही में modern CSS responsive web design को पहली बार लागू करते हुए flexbox और grid सीखा और कई browsers व device emulators इस्तेमाल किए। अगर मुझे इस ऐप के बारे में पता होता, तो काफी मेहनत बच जाती
  • मैंने Polypane का काफी इस्तेमाल किया है। यह एक शानदार उत्पाद है, और Chrome के device view जिन सूक्ष्म device issues को ठीक से हैंडल नहीं कर पाता, उन्हें यह अच्छी तरह emulate करता है
  • मैं Polypane को एक साल से अधिक समय से इस्तेमाल कर रहा हूँ, और यह शायद हर किसी के लिए न हो, लेकिन मेरी ज़रूरतों के लिए बहुत उपयुक्त है
    • session management से workflow अच्छी तरह व्यवस्थित रहता है
    • desktop और mobile views के लिए panels के साथ responsive-first design
    • annotations सहित व्यापक screenshot फीचर
    • इन फीचर्स को दूसरे browsers या plugins से दोहराया जा सकता है, लेकिन मुझे यह पसंद है कि सब कुछ पहले से सेट है, इसलिए अतिरिक्त setup की ज़रूरत नहीं पड़ती
    • support बेहतरीन है। जब मुझे ऐसी समस्या हुई कि मेरा IDE Polypane को सही से चला नहीं पा रहा था, तो Slack पर मदद मिली और समस्या जल्दी हल हो गई
    • Slack बातचीत पढ़ने पर साफ दिखता है कि वे users के लिए सबसे अच्छा product बनाने के लिए समर्पित हैं
  • काश कोई ऐसा browser होता जो mobile devices के browser को सटीक रूप से emulate कर पाता। सिर्फ screen size बदलना काफी नहीं है, और Apple का iOS simulator भी इस मामले में विफल रहता है
  • लगता है यह बहुत सी चीज़ें emulate करता है, लेकिन मैं जानना चाहता हूँ कि कौन-सी चीज़ें यह अच्छी तरह emulate नहीं कर पाता
    • यह शायद Chromium आधारित है, इसलिए संभवतः Safari या Mozilla में ही दिखने वाली समस्याएँ नहीं दिखा पाएगा
    • शायद यह documentation में होगा
    • संपादन: यह FAQ के नीचे है। मैं जानना चाहता हूँ कि वास्तविक browser engine के अलावा कोई और ज्ञात सीमाएँ हैं या नहीं
  • लगभग सभी फीचर्स पहले से ही Firefox developer tools में built-in हैं। समझ नहीं आता कि एक नए browser की ज़रूरत क्यों है। शायद यह extension के रूप में भी संभव हो सकता है
  • जानना चाहता हूँ कि Browserstack की तुलना में यह कौन-से अतिरिक्त फीचर्स देता है (cross-browser testing के संदर्भ में)
  • जानना चाहता हूँ कि क्या यह GenAI integration देता है (Copilot, Claude आदि)
    • मैं अपने manager को यह product बेचने में मदद करना चाहता हूँ
  • काश pricing model में one-time purchase भी होता। यह शानदार दिखता है, लेकिन monthly/annual cost को justify करना शायद मुश्किल होगा
  • वाकई बहुत शानदार! जानना चाहता हूँ कि क्या student discount मिल सकता है। फिलहाल मैं free trial आज़माने वाला हूँ