UltKit
इमेज11
PDF13
डॉक्यूमेंट और डेटा7
वीडियो6
ऑडियो4
और टूल्स22

HTML को JSON में बदलें

सेव किए गए वेब पेज से टेबल निकालें और उसे ऐसे JSON के रूप में पाएँ जिस पर आपका कोड लूप चला सके। हेडर सेल से key के नाम बनते हैं, और टेबल की हर पंक्ति एक array में एक ऑब्जेक्ट बन जाती है।

डेटा कन्वर्टर

या CSV, TSV, TXT … फ़ाइलें यहाँ ड्रop करें ·

प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं

आउटपुट

फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।

इस टूल का उपयोग कैसे करें

  1. 1

    पेज या टेबल सेव करें

    अपने ब्राउज़र में Ctrl+S (Mac पर Cmd+S) दबाएँ और HTML फ़ाइल सेव करें, या डेवलपर टूल्स से टेबल का मार्कअप कॉपी करके एक .html फ़ाइल में रख लें। एक बार में 20 फ़ाइलें अपलोड करें, हर फ़ाइल 95 MB तक।

  2. 2

    JSON का ढाँचा चुनें

    Array of objects पहले से चुना हुआ है। एडवांस्ड सेटिंग में जाकर JSON संरचना को Array of arrays करें, तो फ़ाइल ज़्यादा कॉम्पैक्ट बनेगी। सुव्यवस्थित फ़ॉर्मेटिंग बंद करने पर पूरा आउटपुट एक ही लाइन में आएगा।

  3. 3

    कन्वर्ट करें और डेटा इस्तेमाल करें

    JSON में बदलें दबाएँ, फ़ाइल डाउनलोड करें और उसे JavaScript में JSON.parse, Python में json.load या किसी भी API क्लाइंट में लोड करें।

पेज सेव करें, .html फ़ाइल अपलोड करें, और टेबल की हर पंक्ति एक JSON ऑब्जेक्ट बनकर मिलेगी, जिसकी keys टेबल के हेडर सेल से आती हैं।

जब वेब टेबल को JSON में बदलना हो

काम का बहुत सा डेटा सिर्फ़ HTML टेबल के रूप में मिलता है: एक्सचेंज-रेट पेज, खेल लीग की अंक तालिका, इंट्रानेट की ऐसी रिपोर्ट जो दिखती तो है पर डाउनलोड नहीं होती, या हर सर्वर की सूची वाला स्टेटस पेज। ब्राउज़र उसे अच्छे से दिखा देता है, पर चार्ट बनाने वाला फ्रंट-एंड डेवलपर या फ़िक्स्चर डेटा चाहने वाला टेस्टर ऑब्जेक्ट्स की array चाहता है।

आम तौर पर स्क्रैपर बनाया जाता है: पेज फ़ेच करें, Beautiful Soup या Cheerio से पार्स करें, पंक्तियों पर चलें और सेल मैप करें। पेज रोज़ बदलता हो तो यह करना ठीक है। जिस टेबल की ज़रूरत सिर्फ़ एक बार है, उसके लिए सेव किया हुआ पेज अपलोड करना तेज़ है और बाद में कुछ संभालना नहीं पड़ता।

HTML टेबल से JSON का उदाहरण

th हेडर City और Founded वाली इनपुट टेबल, और Array of objects में आउटपुट
<table>
  <tr><th>City</th><th>Founded</th></tr>
  <tr><td>Porto</td><td>1123</td></tr>
  <tr><td>Graz</td><td>1128</td></tr>
</table>

[
  { "City": "Porto", "Founded": 1123 },
  { "City": "Graz", "Founded": 1128 }
]

कन्वर्ज़न में क्या बचता है और क्या हटता है

  • रहता है: सेल का टेक्स्ट, keys के रूप में हेडर पंक्ति और पंक्तियों का क्रम
  • हट जाता है: CSS, इनलाइन स्टाइल, क्लास और टेबल के आसपास का पेज
  • हट जाता है: सेल के अंदर की इमेज और आइकन, क्योंकि उनकी कोई टेक्स्ट वैल्यू नहीं होती
  • लिंक वाले सेल में दिखने वाला टेक्स्ट रहता है, उसके पीछे का URL नहीं
  • सेल के शुरू और अंत के स्पेस अतिरिक्त स्पेस हटाएँ से हट जाते हैं
  • आउटपुट UTF-8 में होता है, जो सिस्टम के बीच साझा होने वाले JSON के लिए RFC 8259 में ज़रूरी है

HTML से JSON कन्वर्टर की सीमाएँ

सेव किए गए पेज मान्य
.html .htm
प्रति बैच पेज
20
प्रति अपलोड फ़ाइल
95 MB
फिर फ़ाइलें हटा दी जाती हैं
30 मिनट

HTML और JSON की तुलना

HTML

हाइपरटेक्स्ट मार्कअप लैंग्वेज

HTML वेब की मार्कअप भाषा है, जिसका वर्णन पहली बार 1990 के दशक की शुरुआत में Tim Berners-Lee ने किया था और अब WHATWG इसे लिविंग स्टैंडर्ड के रूप में संभालता है। HTML फ़ाइल हेडिंग, पैराग्राफ़, लिंक, टेबल, इमेज और फ़ॉर्म बताती है, जबकि स्टाइलिंग आमतौर पर CSS से आती है। हर ब्राउज़र इसे दिखाता है, और यह ईमेल टेम्पलेट व सेव किए गए वेब पेज में भी इस्तेमाल होती है। एक HTML फ़ाइल अक्सर बाहरी इमेज और स्टाइलशीट पर निर्भर करती है, इसलिए अकेले ले जाने पर बिगड़ी हुई दिख सकती है।

कंप्रेशन
–
ट्रांसपेरेंसी (पारदर्शिता)
–
एनिमेशन
–
शुरुआत का वर्ष
1993 · Tim Berners-Lee; maintained by WHATWG
HTML कन्वर्टर

JSON

JavaScript ऑब्जेक्ट नोटेशन

JSON संरचित डेटा के लिए हल्का टेक्स्ट फ़ॉर्मैट है, जिसे 2000 के दशक की शुरुआत में Douglas Crockford ने लोकप्रिय बनाया और जो RFC 8259 और ECMA-404 के रूप में मानकीकृत है। यह ऑब्जेक्ट, ऐरे, स्ट्रिंग, नंबर, बूलियन और null को सरल, पढ़ने योग्य सिंटैक्स में दिखाता है। लगभग हर प्रोग्रामिंग भाषा में वेब API, कॉन्फ़िगरेशन फ़ाइलों और ऐप्स के बीच डेटा के आदान-प्रदान का यह डिफ़ॉल्ट फ़ॉर्मैट है। इसमें कमेंट, तारीख़ें या स्कीमा बिल्ट-इन नहीं होते, और बड़ी नेस्टेड फ़ाइलें व्यूअर के बिना पढ़ना कठिन होता है।

कंप्रेशन
–
ट्रांसपेरेंसी (पारदर्शिता)
–
एनिमेशन
–
शुरुआत का वर्ष
2001 · Douglas Crockford
JSON कन्वर्टर

जब किसी रिपोर्ट पेज, इंट्रानेट या सार्वजनिक आँकड़ों की साइट पर पाठकों के लिए छपी टेबल को स्क्रिप्ट, चार्ट लाइब्रेरी या API टेस्ट में डालना हो, तब HTML को JSON में बदला जाता है।

ये दोनों फ़ॉर्मेट अलग परंपराओं से आए हैं। HTML का वर्णन पहली बार 1991 में Tim Berners-Lee ने किया था और अब इसे WHATWG लिविंग स्टैंडर्ड के रूप में संभालता है; यह दस्तावेज़ों को दिखाने के लिए मार्कअप करता है। JSON को Douglas Crockford ने तय किया और यह RFC 8259 व ECMA-404 के रूप में मानकीकृत है; इसमें सिर्फ़ डेटा होता है। पहले से दूसरे में जाने का मतलब ज़्यादातर प्रेज़ेंटेशन हटाना है, इसीलिए नतीजा आम तौर पर सेव किए गए पेज से काफ़ी छोटा होता है। जो टेबल वेब पेज की जगह XML फ़ीड के रूप में मिली हों, उनके लिए XML को JSON में बदलें यही काम करता है।

HTML से JSON पर सवाल

क्या कन्वर्टर पूरा वेब पेज पढ़ता है या सिर्फ़ टेबल?

सिर्फ़ टेबल मार्कअप: table, tr, th और td एलिमेंट के अंदर की पंक्तियाँ और सेल। नेविगेशन मेन्यू, पैराग्राफ़ और div से बने कार्ड लेआउट टेबल डेटा नहीं हैं, इसलिए उन्हें JSON में नहीं बदला जाता।

JSON की key किस पंक्ति से बनती हैं?

हेडर पंक्ति, जो आम तौर पर टेबल के ऊपर के th सेल होते हैं। पहली पंक्ति हेडर है चालू होने पर उसका टेक्स्ट नीचे की हर वैल्यू की key बन जाता है, इसलिए Population नाम वाले कॉलम से हर ऑब्जेक्ट में "Population": "…" मिलता है।

colspan और rowspan वाले सेल कैसे संभाले जाते हैं?

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

मेरे JSON में संख्याएँ कॉमा या फ़ुटनोट चिह्न के साथ क्यों आ रही हैं?

वेब टेबल पढ़ने वालों के लिए लिखी जाती हैं, इसलिए किसी सेल में 1,204,000 या 8.3[2] हो सकता है। 1123 जैसी सादी संख्या JSON नंबर बन जाती है, लेकिन ऐसे सेल मान्य संख्या नहीं हैं और स्ट्रिंग ही रहते हैं। गणित से पहले कोड में सेपरेटर और फ़ुटनोट चिह्न हटा दें।

क्या किसी वेबसाइट से टेबल स्क्रेप करना अनुमत है?

यह साइट की शर्तों और डेटा पर निर्भर करता है, फ़ाइल फ़ॉर्मेट पर नहीं। सार्वजनिक आँकड़े और आपकी अपनी एक्सपोर्ट की हुई रिपोर्टें आम मामले हैं। किसी और का कंटेंट दोबारा इस्तेमाल करने से पहले शर्तें देख लें।

क्या JSON की जगह स्प्रेडशीट मिल सकती है?

हाँ। HTML को CSV में बदलें उसी टेबल को कॉमा से अलग की गई पंक्तियों में लिखता है, जो Excel, Google Sheets या Numbers में खुलती हैं।