प्रोग्रामेटिक रूप से सीएसएस लेआउट का विश्लेषण

Question

मैं कुछ ब्लॉगों को मकड़ी बनाना चाहता हूं और प्रोग्रामेटिक रूप से उनके एचटीएमएल और सीएसएस-आधारित लेआउट का विश्लेषण करना चाहता हूं उदा। यदि साइडबार मुख्य सामग्री के बाएं या दाएं ओर है, तो कितने कॉलम और वे कितने चौड़े हैं।

मैं यह कैसे सबसे अच्छा तरीका करूँगा? क्या कोई उपकरण या पुस्तकालय मैं उपयोग कर सकता हूं?

(मैं अजगर या PHP में एक समाधान पसंद करेंगे।)

Answer 1

ऐसा लगता है कि यह इस तरह एक जावास्क्रिप्ट कुछ के साथ PhantomJS के माध्यम से प्राप्त किया जा सकता,:

phantom.viewportSize = { width: 1024, height: 768 }; 

var page = new WebPage(); 

page.open("http://mashable.com/", function(status) { 
    if (status === "success") 
    { 
     page.includeJs("https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js", function() { 
      var position = page.evaluate(function() { 
       return jQuery('#sidebar').position(); 
      }); 

      // Now position.left and position.top contains the 
      // position of the #sidebar element. Use other 
      // jQuery functions to calculate the relative position. 

      phantom.exit(); 
     }); 
    } 
}); 

Answer 2

आप इस के लिए देख रहे हैं?

http://cthedot.de/cssutils/

यह एक गूगल खोज पर पहली हिट फिल्म साबित हुई। कम से कम चार अन्य लोग वादा कर रहे थे। शायद आपको Google को आजमाएं, जो मिला है उसे सूचीबद्ध करें, और विशिष्ट पैकेजों पर विशिष्ट सलाह मांगें।

Answer 3

यह शुद्ध सर्वर-साइड सीएसएस और एचटीएमएल पार्सिंग का उपयोग करने के लिए एक बेहद कठिन काम की तरह लगता है - विश्वसनीय परिणाम प्राप्त करने के लिए आपको ब्राउज़र के प्रतिपादन इंजन को प्रभावी ढंग से फिर से बनाना होगा।

क्या आप के लिए यह जरूरत पर निर्भर करता है, मैंने कहीं इन पंक्तियों के साथ एक तरह से के बारे में सोच सकता है:

• --page-requisites

• के साथ पृष्ठों और स्टाइल शीट wget की तरह कुछ का उपयोग कर लायें तो या तो:

  • Selenium जैसे टूल का उपयोग करके प्रत्येक डाउनलोड किए गए पृष्ठ के माध्यम से चलें, तत्व नामों की खोज करें और उनकी स्थिति आउटपुट करें (यदि सेलेनियम में यह संभव है। मुझे लगता है कि यह है, लेकिन मुझे यकीन नहीं है)

  • jQuery का एक टुकड़ा बनाएं जिसे आप डाउनलोड किए गए प्रत्येक पृष्ठ में इंजेक्ट करते हैं। "साइडबार", "टूलबार" नामक तत्वों के लिए jQuery खोज, उनकी स्थिति प्राप्त करती है, परिणाम को स्थानीय AJAX स्निपेट में सहेजती है, और अगले डाउनलोड किए गए पृष्ठ पर जारी रहती है। आपको ब्राउज़र में केवल पहला पृष्ठ खोलने की आवश्यकता है, शेष स्वचालित रूप से हो जाएंगे। कार्यान्वित करने के लिए तुच्छ नहीं है लेकिन संभव है।

आप नेट की तरह एक ग्राहक के पक्ष अनुप्रयोग मंच का उपयोग कर सकते हैं, तो आप यह है कि एक ब्राउज़र नियंत्रण, जिसका डोम आप केवल jQuery का उपयोग कर अधिक से अधिक स्वतंत्र रूप से उपयोग कर सकते हैं को शामिल किया गया एक कस्टम अनुप्रयोग का निर्माण बंद आसान हो सकता है।