इस गाइड का मकसद, उन उपयोगकर्ताओं की मदद करना है जो मुख्य रूप से स्क्रीन रीडर जैसी सहायक तकनीक पर निर्भर रहते हैं. इससे वे Chrome DevTools को ऐक्सेस और इस्तेमाल कर पाएंगे. Chrome DevTools, वेब डेवलपर टूल का एक सुइट है. यह Google Chrome ब्राउज़र में पहले से मौजूद होता है. अगर आपको किसी वेब पेज की सुलभता को बेहतर बनाने से जुड़ी DevTools की सुविधाओं के बारे में जानना है, तो सुलभता से जुड़ा रेफ़रंस देखें.
DevTools की सुलभता पर काम जारी है. कुछ पैनल और टैब, अन्य पैनल और टैब की तुलना में सुलभता टेक्नोलॉजी के साथ बेहतर तरीके से काम करते हैं. इस गाइड में, उन पैनल के बारे में बताया गया है जिन्हें आसानी से ऐक्सेस किया जा सकता है. साथ ही, इसमें उन समस्याओं के बारे में भी बताया गया है जिनका सामना आपको करना पड़ सकता है.
खास जानकारी
शुरू करने से पहले, यह जानना ज़रूरी है कि DevTools का यूज़र इंटरफ़ेस (यूआई) कैसे काम करता है. DevTools को कई पैनल में बांटा गया है. इन्हें ARIA tablist में व्यवस्थित किया गया है. उदाहरण के लिए:
- Elements पैनल की मदद से, डीओएम नोड या सीएसएस को देखा और बदला जा सकता है.
- कंसोल पैनल की मदद से, JavaScript लॉग पढ़े जा सकते हैं और ऑब्जेक्ट में लाइव बदलाव किए जा सकते हैं.
हर पैनल के कॉन्टेंट एरिया में कई अलग-अलग टूल होते हैं. इन्हें अक्सर दस्तावेज़ में टैब या पेन कहा जाता है. उदाहरण के लिए, Elements पैनल में इवेंट लिसनर, ऐक्सेसिबिलिटी ट्री वगैरह की जांच करने के लिए अतिरिक्त टैब होते हैं. टैब और पैन के बीच का अंतर कुछ हद तक मनमाना होता है. आपको एक या दूसरे शब्द का इस्तेमाल सिर्फ़ इसलिए दिखेगा, ताकि DevTools के आधिकारिक दस्तावेज़ों में एकरूपता बनी रहे.
कीबोर्ड शॉर्टकट
DevTools के कीबोर्ड शॉर्टकट के बारे में जानकारी वाली चीटशीट आपके काम आ सकती है. इसे बुकमार्क करना न भूलें. साथ ही, अलग-अलग पैनल एक्सप्लोर करते समय इसे फिर से देखें.
DevTools खोलें
शुरू करने के लिए, Chrome DevTools खोलना लेख पढ़ें. DevTools को खोलने के कई तरीके हैं. जैसे, कीबोर्ड शॉर्टकट या मेन्यू आइटम का इस्तेमाल करना.
पैनल के बीच नेविगेट करना
कीबोर्ड से नेविगेट करना
- DevTools खुला होने पर, अगले पैनल पर फ़ोकस करने के लिए Control+] या Command+] (Mac) दबाएं
- पिछले पैनल पर फ़ोकस करने के लिए, Control+[ या Command+[ (Mac) दबाएं.
- Shift+Tab का इस्तेमाल करके, फ़ोकस को किसी पैनल के
tablistपर ले जाया जा सकता है. इसके बाद, ऐरो बटन का इस्तेमाल करके पैनल बदले जा सकते हैं. हालांकि, ऊपर बताए गए शॉर्टकट का इस्तेमाल करने से, यह काम ज़्यादा तेज़ी से किया जा सकता है.
ज्ञात समस्याएं
- कुछ पैनल, जैसे कि Console और Performance पैनल, चालू होने के तुरंत बाद अपने कॉन्टेंट वाले हिस्से पर फ़ोकस कर सकते हैं. इससे ऐरो वाले बटन से नेविगेट करने में समस्या हो सकती है.
- चुने गए पैनल का नाम तब तक नहीं सुनाया जाता, जब तक वह पैनल में मौजूद कॉन्टेंट को पढ़ न ले. इस वजह से, इसे ढूंढना मुश्किल हो सकता है.
कमांड मेन्यू की मदद से नेविगेट करना
किसी पैनल पर फ़ोकस करने के लिए, कमांड मेन्यू का इस्तेमाल करें:
- DevTools खुला होने पर, कमांड मेन्यू खोलने के लिए, Control+Shift+P या Command+Shift+P (Mac) दबाएं. कमांड मेन्यू, फ़ज़ी सर्च ऑटोकंप्लीट कॉम्बोबॉक्स है.
- उस पैनल का नाम टाइप करें जिसे आपको खोलना है. इसके बाद, सही विकल्प पर जाने के लिए, डाउन ऐरो कीबोर्ड का इस्तेमाल करें.
- कोई निर्देश चलाने के लिए, Enter दबाएं.
उदाहरण के लिए, तत्व पैनल खोलने के लिए:
- कमांड मेन्यू खोलें.
- E और फिर L टाइप करें. पैनल > एलिमेंट दिखाएं विकल्प चुना गया हो.
- पैनल खोलने वाला निर्देश चलाने के लिए, Enter दबाएं.
इस तरह से पैनल खोलने पर, फ़ोकस सीधे पैनल के कॉन्टेंट पर जाता है. Elements पैनल के मामले में, फ़ोकस DOM ट्री में चला जाता है.
तत्व पैनल
पेज पर मौजूद किसी एलिमेंट की जांच करना
- स्क्रीन रीडर के कर्सर का इस्तेमाल करके, उस एलिमेंट पर जाएं जिसकी जांच करनी है.
- संदर्भ मेन्यू खोलने के लिए, एलिमेंट पर माउस से राइट क्लिक करने की कार्रवाई को सिम्युलेट करता है.
- जांच करें विकल्प चुनें. इससे Elements पैनल खुलता है और डीओएम ट्री में मौजूद एलिमेंट पर फ़ोकस होता है.
डीओएम ट्री को ARIA tree के तौर पर लेआउट किया गया है. उदाहरण के लिए, कीबोर्ड की मदद से डीओएम ट्री में नेविगेट करना देखें.
डीओएम ट्री में मौजूद किसी एलिमेंट का कोड कॉपी करना
- डीओएम ट्री में किसी नोड पर फ़ोकस करके, राइट क्लिक वाला संदर्भ मेन्यू खोलें.
- कॉपी करें विकल्प को बड़ा करें.
- बाहरी एचटीएमएल कॉपी करें को चुनें.
ज्ञात समस्याएं
- Copy outerHTML विकल्प चुनने पर, अक्सर मौजूदा नोड के बजाय उसके पैरंट नोड को चुना जाता है. हालांकि, एलिमेंट का कॉन्टेंट अब भी कॉपी किए गए outerHTML में होना चाहिए.
डीओएम ट्री में किसी एलिमेंट के एट्रिब्यूट में बदलाव करना
- DOM ट्री में किसी नोड पर फ़ोकस करके, उसमें बदलाव करने के लिए Enter दबाएं.
- एट्रिब्यूट की वैल्यू के बीच जाने के लिए, Tab दबाएं. "स्पेस" सुनने पर, आपको पता चलेगा कि आप खाली टेक्स्ट इनपुट में हैं. यहां नई एट्रिब्यूट वैल्यू टाइप की जा सकती है.
- बदलाव स्वीकार करने और एलिमेंट का पूरा कॉन्टेंट सुनने के लिए, Control+Enter या Command+Enter (Mac) दबाएं.
ज्ञात समस्याएं
- टेक्स्ट इनपुट में टाइप करने पर, आपको कोई फ़ीडबैक नहीं मिलता. अगर आपने टाइपिंग में कोई गलती की है और अपने इनपुट को एक्सप्लोर करने के लिए ऐरो बटन का इस्तेमाल किया है, तो भी आपको कोई सुझाव नहीं मिलेगा. अपने काम की जांच करने का सबसे आसान तरीका यह है कि बदलाव को स्वीकार करें. इसके बाद, पूरे एलिमेंट के बारे में सुनी गई जानकारी को सुनें.
डीओएम ट्री में किसी एलिमेंट के एचटीएमएल में बदलाव करना
- DOM ट्री में किसी नोड पर फ़ोकस करके, उसमें बदलाव करने के लिए Enter दबाएं.
- एट्रिब्यूट की वैल्यू के बीच जाने के लिए, Tab दबाएं. जब आपको एलिमेंट का नाम सुनाई दे, जैसे कि "h2", तो इसका मतलब है कि आप टेक्स्ट इनपुट में हैं और एलिमेंट का टाइप बदल सकते हैं.
- बदलाव को स्वीकार करने के लिए, Control+Enter या Command+Enter (Mac) दबाएं.
उदाहरण के लिए, h3 टाइप करने के बाद Control+Enter या Command+Enter (Mac) दबाने पर, एलिमेंट के स्टार्ट और एंड टैग h3 में बदल जाते हैं.
तत्व पैनल टैब
Elements पैनल में, कुछ और टैब होते हैं. इनकी मदद से, किसी एलिमेंट पर लागू की गई सीएसएस या ऐक्सेसिबिलिटी ट्री में उसकी जगह जैसी चीज़ों की जांच की जा सकती है.
- DOM ट्री में किसी नोड पर फ़ोकस करके, Tab को तब तक दबाएं, जब तक आपको यह न सुनाई दे कि स्टाइल पैन चुना गया है.
- उपलब्ध अन्य टैब एक्सप्लोर करने के लिए, राइट ऐरो का इस्तेमाल करें.
डीओएम ट्री, href एट्रिब्यूट वाले एलिमेंट को फ़ोकस किए जा सकने वाले लिंक में बदल देता है. इसलिए, स्टाइल पैनल पर पहुंचने के लिए आपको Tab को एक से ज़्यादा बार दबाना पड़ सकता है.
ज्ञात समस्याएं
डीओएम ब्रेकपॉइंट और प्रॉपर्टी टैब को कीबोर्ड से ऐक्सेस नहीं किया जा सकता.
स्टाइल पैनल
स्टाइल पैनल में, आपको स्टाइल फ़िल्टर करने, एलिमेंट की स्थितियों (जैसे कि :active और :focus) को टॉगल करने, क्लास को टॉगल करने, और नई क्लास जोड़ने के लिए कंट्रोल मिलेंगे. इसमें स्टाइल की जांच करने वाला एक बेहतरीन टूल भी होता है. इसकी मदद से, डीओएम ट्री में फ़ोकस किए गए एलिमेंट पर फ़िलहाल लागू की गई स्टाइल को एक्सप्लोर और उनमें बदलाव किया जा सकता है.
स्टाइल पैनल के बारे में यह समझना ज़रूरी है कि यह सिर्फ़ DOM ट्री में फ़िलहाल चुने गए नोड के लिए स्टाइल दिखाता है. उदाहरण के लिए, मान लें कि आपने <header> नोड की स्टाइल की जांच कर ली है और अब आपको <footer> नोड की स्टाइल देखनी हैं. इसके लिए, आपको सबसे पहले डीओएम ट्री में मौजूद <footer> नोड को चुनना होगा. footer नोड के आस-पास मौजूद किसी नोड (जैसे कि फ़ुटर में मौजूद लिंक) की जांच करने के लिए, जांच करें वर्कफ़्लो का इस्तेमाल करना ज़्यादा तेज़ हो सकता है. इससे DOM ट्री पर फ़ोकस किया जाता है. इसके बाद, अपने कीबोर्ड का इस्तेमाल करके उस नोड पर जाएं जिसमें आपकी दिलचस्पी है.
स्टाइल पैनल में मौजूद विकल्पों पर जाना
स्टाइल से जुड़े सभी टूल, किसी न किसी तरह से स्टाइल पैनल से कनेक्ट होते हैं. इसलिए, सबसे पहले इस टूल के बारे में पूरी जानकारी हासिल करना सही रहेगा.
- स्टाइल पैनल पर फ़ोकस करने के बाद, Tab दबाएं, ताकि फ़ोकस अंदर की ओर चला जाए और इसके कॉन्टेंट को एक्सप्लोर किया जा सके.
- जब तक पहली स्टाइल चालू न हो जाए, तब तक Tab को दबाकर रखें. अगर स्क्रीन रीडर का इस्तेमाल किया जा रहा है, तो इस पहले स्टाइल को "element.style {}" के तौर पर बताया जाएगा.
- स्टाइल की सूची में नेविगेट करने के लिए, डाउन ऐरो दबाएं. स्क्रीन रीडर, हर स्टाइल के बारे में बताता है. इसकी शुरुआत सीएसएस फ़ाइल के नाम से होती है. इसके बाद, स्टाइल जिस लाइन में मौजूद है उसका नंबर और स्टाइल का नाम बताया जाता है. उदाहरण के लिए: "main.css:233 .card__img {}"
- किसी स्टाइल के बारे में ज़्यादा जानने के लिए, Enter दबाएं. फ़ोकस, स्टाइल के नाम के ऐसे वर्शन पर होता है जिसमें बदलाव किया जा सकता है.
- हर सीएसएस प्रॉपर्टी और उनकी वैल्यू के बीच जाने के लिए, Tab दबाएं. हर स्टाइल ब्लॉक के आखिर में, बदलाव किया जा सकने वाला एक खाली टेक्स्ट फ़ील्ड होता है. इसका इस्तेमाल, सीएसएस की अतिरिक्त प्रॉपर्टी जोड़ने के लिए किया जा सकता है.
- स्टाइल की सूची में आगे बढ़ने के लिए, Tab दबाते रहें. इसके अलावा, इस मोड से बाहर निकलने और ऐरो बटन से नेविगेट करने के लिए, Escape दबाएं.
ज़्यादा शॉर्टकट के लिए, स्टाइल पैनल के कीबोर्ड शॉर्टकट के बारे में ज़रूर पढ़ें.
आम तौर पर होने वाली समस्याएं
- फ़िल्टर करें वाले टेक्स्ट फ़ील्ड का इस्तेमाल करने पर, स्टाइल की सूची पर अब नेविगेट नहीं किया जा सकेगा.
एलिमेंट की स्थिति को टॉगल करें
किसी एलिमेंट की स्थिति को टॉगल करने के लिए, जैसे कि :active या :focus:
- स्टाइल पैनल पर जाएं. इसके बाद, Tab को तब तक दबाकर रखें, जब तक तत्व की स्थिति टॉगल करें बटन पर फ़ोकस न आ जाए.
- एलिमेंट की स्थितियों के कलेक्शन को बड़ा करने के लिए, Enter दबाएं. एलिमेंट की स्थितियों को चेकबॉक्स के ग्रुप के तौर पर दिखाया जाता है.
- जब तक पहले राज्य,
:activeपर फ़ोकस न हो जाए, तब तक Tab दबाएं. - इसे चालू करने के लिए, Space दबाएं. अगर DOM ट्री में फ़िलहाल चुने गए एलिमेंट में
:activeस्टाइल है, तो अब इसे लागू कर दिया गया है. - सभी उपलब्ध स्थितियां देखने के लिए, Tab बटन दबाते रहें.
मौजूदा क्लास जोड़ना
एलिमेंट की स्थिति को टॉगल करें बटन के बगल में, एलिमेंट क्लास बटन होता है. फ़ोकस को इस पर ले जाने के लिए, Tab और फिर Enter दबाएं. फ़ोकस, नई क्लास जोड़ें लेबल वाले टेक्स्ट फ़ील्ड में चला जाता है.
Element Classes बटन का इस्तेमाल मुख्य रूप से, किसी एलिमेंट में मौजूदा क्लास जोड़ने के लिए किया जाता है. उदाहरण के लिए, अगर आपकी स्टाइलशीट में .clearfix नाम की हेल्पर क्लास शामिल है, तो क्लास की सुझाव सूची देखने के लिए, टेक्स्ट फ़ील्ड में बदलाव करते समय . दबाएं. इसके बाद, .clearfix का सुझाव ढूंढने के लिए, नीचे वाले ऐरो का इस्तेमाल करें. इसके अलावा, क्लास का नाम खुद टाइप करें और इसे लागू करने के लिए, Enter दबाएं.
स्टाइल का नया नियम जोड़ना
Element Classes बटन के बगल में, New Style Rule बटन होता है. Tab दबाकर, इस पर फ़ोकस करें. इसके बाद, Enter दबाएं. फ़ोकस, स्टाइल इंस्पेक्टर में मौजूद ऐसे टेक्स्ट फ़ील्ड पर चला जाता है जिसमें बदलाव किया जा सकता है. फ़ील्ड का शुरुआती टेक्स्ट कॉन्टेंट, डीओएम ट्री में चुने गए एलिमेंट का टैग नाम होता है. इस फ़ील्ड में, अपनी पसंद के हिसाब से कोई भी क्लास का नाम टाइप किया जा सकता है. इसके बाद, सीएसएस प्रॉपर्टी असाइन करने के लिए Tab दबाएं.
कंप्यूट किया गया टैब
कैलकुलेट किया गया टैब पर फ़ोकस करने के बाद, Tab दबाकर फ़ोकस को अंदर ले जाएं और इसके कॉन्टेंट एक्सप्लोर करें. कैलकुलेट किया गया टैब में, यह देखने के लिए कंट्रोल मौजूद होते हैं कि किसी एलिमेंट पर कौनसी सीएसएस प्रॉपर्टी लागू की गई हैं. ये प्रॉपर्टी, खास जानकारी के क्रम में होती हैं.
कंप्यूट की गई सभी स्टाइल एक्सप्लोर करना
जब तक आप कंप्यूट की गई स्टाइल के कलेक्शन तक न पहुंच जाएं, तब तक Tab को दबाकर रखें. इन्हें ARIA tree के तौर पर दिखाया जाता है. लिस्टबॉक्स को बड़ा करने पर पता चलता है कि कौनसे सीएसएस सिलेक्टर, कंप्यूटेड स्टाइल लागू कर रहे हैं. इन सिलेक्टर को प्राथमिकता के हिसाब से व्यवस्थित किया जाता है. स्क्रीन रीडर, कैलकुलेट की गई वैल्यू के बारे में बताता है. साथ ही, यह भी बताता है कि फ़िलहाल कौनसे सीएसएस सिलेक्टर का मिलान हो रहा है, सिलेक्टर वाली स्टाइलशीट का फ़ाइल नाम क्या है, और सिलेक्टर के लिए लाइन नंबर क्या है.
ज्ञात समस्याएं
- फ़िल्टर टेक्स्ट फ़ील्ड का इस्तेमाल करने पर, स्टाइल की जांच नहीं की जा सकेगी.
इवेंट लिसनर टैब
Elements पैनल में जाकर, किसी एलिमेंट पर लागू किए गए इवेंट लिसनर की जांच की जा सकती है. इसके लिए, Event Listeners टैब का इस्तेमाल करें. स्टाइल पैनल पर फ़ोकस करके, इवेंट लिसनर टैब पर जाने के लिए, राइट ऐरो दबाएं.
इवेंट लिसनर एक्सप्लोर करना
इवेंट लिसनर को ARIA tree के तौर पर दिखाया जाता है. इन पर जाने के लिए, ऐरो बटन का इस्तेमाल करें. स्क्रीन रीडर, उस DOM ऑब्जेक्ट का नाम बताता है जिससे इवेंट लिसनर अटैच है. साथ ही, उस फ़ाइल का नाम भी बताता है जिसमें इवेंट लिसनर को तय किया गया है और उसका लाइन नंबर भी बताता है.
सुलभता पैनल
ऐक्सेसिबिलिटी पैनल पर फ़ोकस करने के बाद, Tab दबाएं, ताकि फ़ोकस अंदर की ओर चला जाए और इसके कॉन्टेंट को एक्सप्लोर किया जा सके. सुलभता पैनल में, सुलभता ट्री, किसी एलिमेंट पर लागू किए गए एआरआईए एट्रिब्यूट, और उसकी सुलभता प्रॉपर्टी को एक्सप्लोर करने के लिए कंट्रोल मौजूद होते हैं.
सुलभता ट्री
ऐक्सेसिबिलिटी ट्री को ARIA tree के तौर पर दिखाया जाता है. इसमें हर treeitem, DOM में मौजूद किसी एलिमेंट से जुड़ा होता है. ट्री, चुने गए नोड के लिए तय की गई भूमिका के बारे में बताता है. सामान्य एलिमेंट, जैसे कि div और span को ट्री में "GenericContainer" के तौर पर दिखाया जाता है. ट्री में एक से दूसरी जगह जाने और पैरंट-चाइल्ड रिलेशनशिप एक्सप्लोर करने के लिए, ऐरो बटन का इस्तेमाल करें.
ज्ञात समस्याएं
- सुलभता पैनल में इस्तेमाल किए गए ARIA ट्री का टाइप, macOS के स्क्रीन रीडर जैसे कि VoiceOver के लिए Chrome में ठीक से नहीं दिख सकता. इस समस्या के बारे में अपडेट पाने के लिए, Chromium issue #868480 को सब्सक्राइब करें.
- ARIA एट्रिब्यूट और कंप्यूट की गई प्रॉपर्टी सेक्शन को ARIA ट्री के तौर पर मार्क किया गया है. हालांकि, फ़िलहाल इनमें फ़ोकस मैनेजमेंट की सुविधा नहीं है. इसलिए, इन्हें कीबोर्ड से कंट्रोल नहीं किया जा सकता.
ऑडिट पैनल
ऑडिट पैनल की मदद से, किसी साइट पर कई तरह के टेस्ट किए जा सकते हैं. इससे परफ़ॉर्मेंस, सुलभता, एसईओ, और अन्य कैटगरी से जुड़ी सामान्य समस्याओं का पता लगाया जा सकता है.
ऑडिट को कॉन्फ़िगर करना और उसे चलाना
- ऑडिट पैनल को पहली बार खोलने पर, फ़ोकस फ़ॉर्म के आखिर में मौजूद ऑडिट चलाएं बटन पर होता है. डिफ़ॉल्ट रूप से, फ़ॉर्म को इस तरह कॉन्फ़िगर किया जाता है कि वह हर कैटगरी के लिए ऑडिट कर सके. इसके लिए, वह सिम्युलेट किए गए 3G कनेक्शन पर मोबाइल इम्यूलेशन का इस्तेमाल करता है.
- ऑडिट की सेटिंग बदलने के लिए, Shift+Tab का इस्तेमाल करें या ब्राउज़ मोड में वापस जाएं.
- जब आपको ऑडिट करना हो, तब ऑडिट करें बटन पर वापस जाएं और Enter दबाएं.
- फ़ोकस, रद्द करें बटन वाली एक मोडल विंडो में चला जाता है. इससे आपको ऑडिट से बाहर निकलने की अनुमति मिलती है. ऑडिट के दौरान, आपको कई बार कान में सुनाई देने वाली आवाज़ें सुनाई दे सकती हैं. ऐसा इसलिए होता है, क्योंकि ऑडिट के दौरान पेज कई बार रीफ़्रेश होता है.
ज्ञात समस्याएं
- फ़िलहाल, कॉन्फ़िगरेशन फ़ॉर्म के अलग-अलग सेक्शन को
fieldsetएलिमेंट के साथ मार्क अप नहीं किया गया है. ब्राउज़ मोड में, इन कंट्रोल को नेविगेट करना आसान हो सकता है. इससे यह पता लगाया जा सकता है कि कौनसा कंट्रोल किस सेक्शन से जुड़ा है. - ऑडिट पूरी होने पर, कोई ईरकॉन या लाइव क्षेत्र की सूचना नहीं दी जाती है. आम तौर पर, इसमें करीब 30 सेकंड लगते हैं. इसके बाद, आपको नतीजे दिख जाएंगे. नतीजों तक पहुंचने का सबसे आसान तरीका, ब्राउज़ मोड का इस्तेमाल करना हो सकता है.
ऑडिट रिपोर्ट में एक से दूसरी जगह जाना
ऑडिट रिपोर्ट को ऐसे सेक्शन में व्यवस्थित किया जाता है जो ऑडिट की हर कैटगरी से मेल खाते हैं. रिपोर्ट में, हर कैटगरी के स्कोर की सूची दिखती है. ये स्कोर लिंक भी होते हैं. इनका इस्तेमाल करके, काम के सेक्शन पर जाया जा सकता है. हर सेक्शन में, बड़े किए जा सकने वाले details एलिमेंट होते हैं. इनमें पास या फ़ेल हुए ऑडिट से जुड़ी जानकारी होती है. डिफ़ॉल्ट रूप से, सिर्फ़ वे ऑडिट दिखाए जाते हैं जो पास नहीं हुए हैं.
हर सेक्शन, details एलिमेंट के साथ खत्म होता है. इसमें पास की गई सभी ऑडिट शामिल होती हैं.
नया ऑडिट करने के लिए, Shift+Tab का इस्तेमाल करके रिपोर्ट से बाहर निकलें. इसके बाद, ऑडिट करें बटन ढूंढें.