"इसे पिन करें" बटन स्रोत कोड (pinterest.com)

Question

क्या किसी को pinterest.com में "पिन आईटी" बटन जैसे कुछ को कार्यान्वित करने के बारे में कोई विचार है? एक उच्च स्तर से, मैं समझता हूं कि यह क्या करता है लेकिन विस्तार से नहीं। आप "पिन इसे" बुकमार्क पर क्लिक करते हैं, और फिर आप कुछ थ्रेसहोल्ड से अधिक चौड़ाई और ऊंचाई वाली छवियों को ढूंढने के लिए साइट स्रोत कोड को स्क्रैप करते हैं। छवियों को ढूंढने के लिए पृष्ठ स्रोत का स्क्रैप क्लाइंट पक्ष या सर्वर पक्ष पर हो सकता है। कुछ हासिल करने का सबसे अच्छा तरीका क्या है?

क्या कोई अपने कार्यान्वयन में अंतर्दृष्टि फेंक सकता है?

Answer 1

असल में बुकमार्क इस तरह आम तौर पर ऐसा करते हैं:

आप बुकमार्क पर क्लिक करते हैं, तो यह एक जावा स्क्रिप्ट कोड निम्न URL पर पुन: निर्देशित द्वारा चलेंगे:

javascript: void((function() { SOME_CODE })()); 

फिर SOME_CODE निष्पादित करेंगे। इस मामले में पिन करें बटन निम्न चलाएगा:

javascript: void((function() { 
    var e = document.createElement('script'); 
    e.setAttribute('type', 'text/javascript'); 
    e.setAttribute('charset', 'UTF-8'); 
    e.setAttribute('src', 'http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random() * 99999999); 
    document.body.appendChild(e) 
})()); 

जो आपके दस्तावेज़ निकाय में नया टैग जोड़ देगा। पिन करें यह "pinmarklet.js" फ़ाइल जोड़ देगा। ध्यान दें कि "? आर = '+ Math.random() * 99 99 99 99" भाग केवल हर बार यादृच्छिक रूप से नई संख्या उत्पन्न करके ग्राहक पक्ष से कैश पास करके प्राप्त होता है।

यदि आप यह जानना चाहते हैं कि आगे क्या हुआ, तो आपको अपने जावास्क्रिप्ट स्रोत कोड को देखने की आवश्यकता है। लेकिन डोम को देखना आसान है और आप जो भी लेना चाहते हैं उसे पकड़ लें (छवियां, वीडियो लिंक, ...) और अपना तर्क लागू करें।

मुझे आशा है कि इस मदद करता है :-)

Answer 2

मैं javacript पर एक समारोह बनाने Pinterest छवियों है कि आप साझा करना चाहते हैं के स्रोत गुजर के साथ कस्टम छवियों को साझा करने के लिए।

कोड: https://github.com/mustaine/Pinmarklet

मुझे आशा है कि यह मदद करता है।