Manuscript – ब्राउज़र एक्सटेंशन जो पेज बदलने पर भी न टूटने वाले वेब डेमो और मैनुअल बनाता है

 (zendy00.github.io)
1 पॉइंट द्वारा zendy 4 시간 전 | अभी कोई टिप्पणी नहीं है. | WhatsApp पर शेयर करें

यह एक ब्राउज़र एक्सटेंशन है जो वेबपेज पर चरण-दर-चरण डेमो, मैनुअल और ऑनबोर्डिंग गाइड बनाता है (Chrome·Edge)। जिस एलिमेंट को हाइलाइट करना हो उसे क्लिक करके चुनें, फिर उस पर स्पॉटलाइट, नोट और हाथ से खींचे हुए तीर चढ़ाकर प्लेबैक करें.

इसे बनाते समय हमने दो बातों पर ध्यान दिया। मौजूदा टूल्स में पेज थोड़ा सा भी बदल जाए तो गाइड टूट जाती है, और आउटपुट क्लाउड में बंद हो जाता है जिससे version control मुश्किल हो जाता है। हम इन दोनों समस्याओं का अलग तरीके से समाधान करना चाहते थे।

क्या अलग है

  • आसानी से नहीं टूटता। हर चरण के एलिमेंट को यह 3 स्तरों में याद रखता है — स्थिर attributes (data-testid·id·aria-label) → टेक्स्ट और आसपास की संरचना → coordinates और पास का टेक्स्ट। एक स्तर न मिले तो अगले स्तर पर fallback करता है।
  • आउटपुट सिर्फ एक JSON फ़ाइल है। इसे git में commit करें, PR में diff review करें, और कोड के साथ रखकर मैनेज करें। कोई cloud lock-in नहीं।
  • टार्गेट साइट के कोड को छूता नहीं है। एक्सटेंशन सिर्फ ब्राउज़र के भीतर काम करता है, इसलिए आप इसे अपने product, client site, या किसी भी external SaaS पर बना सकते हैं।

इसमें पढ़कर सुनाने वाला गाइडेंस (TTS), presenter window, screen recording, और GitHub repo के ज़रिए scenario share करने की सुविधा भी है।

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

अभी कोई टिप्पणी नहीं है.

अभी कोई टिप्पणी नहीं है.