GrapesJS Developer Tools

लगभग GrapesJS Developer Tools

एक GrapesJS संपादक का निर्माण एक सामान्य वेब ऐप बनाने से अलग है, और सामान्य ब्राउज़र devtools केवल आपको रास्ते का हिस्सा लेते हैं। कैनवास एक iframe के अंदर चलता है, घटक एक मॉडल ट्री में रहते हैं जो DOM पर एक-से-एक मैप नहीं करता है, शैलियों को संपादक के स्वामित्व वाले CSS नियमों के माध्यम से प्रबंधित किया जाता है, और जो कुछ भी गलत होता है - एक घटक जो एक बच्चे को स्वीकार नहीं करेगा, एक विशेषता जो कभी फायर नहीं करती है, एक भंडारण पेलोड जो चुपचाप आधे पृष्ठ को छोड़ देता है - संपादक स्थिति में होता है जिसे आप एलिमेंट्स पैनल से नहीं देख सकते हैं। GrapesJS डेवलपर टूल उस अंतर को बंद कर देते हैं। डिबगिंग टूलकिट चयनित घटक के प्रकार, विशेषताओं, लक्षणों और गणना की गई शैलियों के साथ लाइव घटक ट्री के लिए एक निरीक्षक जोड़ते हैं; कमांड और ईवेंट का एक लॉग जैसे वे फायर करते हैं; और एक दर्शक सटीक JSON के लिए जो StorageManager भेजने वाला है या अभी प्राप्त हुआ है। वह अंतिम अकेले अधिकांश "मेरा पृष्ठ सहेजा गया लेकिन गलत वापस आया" रिपोर्ट को हल करता है। गुणवत्ता लेखा परीक्षक दूसरे तरीके से चलते हैं, आंतरिक के बजाय आउटपुट की जांच करते हैं: वे पहुंच समस्याओं (अनुपलब्ध वैकल्पिक पाठ, बिना लेबल वाले नियंत्रण, शीर्षक क्रम, रंग कंट्रास्ट) और SEO समस्याओं (शीर्षक और मेटा विवरण लंबाई, शीर्षक संरचना, लिंक पाठ, संरचित डेटा) के लिए वर्तमान पृष्ठ को स्कैन करते हैं और उन्हें संपादक में इनलाइन रिपोर्ट करते हैं, इसलिए लॉन्च के बाद टिकट के रूप में दायर करने के बजाय पृष्ठ को डिजाइन करने वाले व्यक्ति द्वारा मुद्दों को ठीक किया जाता है। एक तीसरा समूह वर्कफ़्लो को कवर करता है: निर्यात सत्यापनकर्ता, संस्करणों के बीच अंतर दृश्य, और एआई-सहायता प्राप्त सहायक जो प्लगइन मचान उत्पन्न करते हैं। इस श्रेणी में लगभग सब कुछ मुफ्त और खुला स्रोत है, एक सामान्य GrapesJS प्लगइन के रूप में स्थापित होता है, और इसे केवल विकास बिल्ड में लोड किया जा सकता है - एक सामान्य पैटर्न एक पर्यावरण ध्वज के पीछे डीबग टूलकिट को पंजीकृत करना है ताकि आपके उपयोगकर्ता इसे कभी न देखें। प्रत्येक लिस्टिंग अपने GrapesJS संस्करण संगतता का दस्तावेजीकरण करती है और क्या यह किसी विशिष्ट प्रीसेट पर निर्भर करती है।