मैं विज़िट किए गए लिंक का फ़ॉन्ट आकार क्यों सेट नहीं कर सकता हूं?

नमस्कार, हेब्र! मैं आपके लिए लेख का अनुवाद प्रस्तुत करता हूं "मैं किसी विज़िट किए गए लिंक का फ़ॉन्ट आकार क्यों सेट नहीं कर सकता हूं?" जिम फिशर द्वारा।



बैंगनी में दिखाई देने वाले लिंक प्रदर्शित किए जाते हैं; दौरा नहीं किया - नीले रंग में। वेब के आने के बाद से यह अंतर हमारे सामने आया है। लेकिन CSS हमें इन गुणों को छद्म चयनकर्ता के साथ फिर से कॉन्फ़िगर करने की अनुमति देता है: दौरा किया! मान लीजिए कि आप विज़िट किए गए लिंक को ग्रे बनाना चाहते हैं और उपयोगकर्ता को दिखाने के लिए उनके आकार को कम करना चाहते हैं कि यह लिंक पहले ही विज़िट किया जा चुका है।

a:visited { color: gray; font-size: 6px; } 

यह शैली वर्तमान पृष्ठ पर लागू होती है:


उम्मीद के अनुसार, ग्रे में लिंक को रंग देना, हमें सूचित करता है कि यह पहले ही देखा जा चुका है, लेकिन फ़ॉन्ट का आकार समान है! ऐसा इसलिए होता है क्योंकि फ़ॉन्ट का आकार बदलना भेद्यता का कारण हो सकता है! यदि सीएसएस फ़ॉन्ट आकार बदल सकता है, तो मैं (जिम) बता सकता हूं कि क्या आपने pornhub.com का दौरा किया है। लेकिन कैसे?

वेब पेज पेज पर प्रदर्शित वस्तुओं का निरीक्षण करने के लिए उपलब्ध हैं। सबसे स्पष्ट तरीका है window.getComputedStyle () का उपयोग करना। वह उपरोक्त विज़िट किए गए लिंक पर लागू गुणों के बारे में बात करता है; जैसा कि ब्राउज़र द्वारा रिपोर्ट किया गया: फ़ॉन्ट-आकार: 18 पीएक्स; रंग: आरजीबी (0, 0, 238)।

अगर getComputedStyle ने विज़िट किए गए लिंक के लिए फ़ॉन्ट आकार में 18px से 6px तक बदलाव किया है, तो मैं (जिम) समझ जाएगा कि पेज ने pornhub.com के लिए लिंक बनाया है, तो मैं आपके ब्राउज़र के ब्राउज़िंग इतिहास को निर्धारित करने के लिए फ़ॉन्ट आकार की जांच करूंगा। मैं लक्षित विज्ञापन के लिए इस डेटा का उपयोग कर सकता हूं, मैं आपका डेटा बेच सकता हूं या आपको ब्लैकमेल कर सकता हूं, और इसी तरह ... एक: विज़िट के लिए फ़ॉन्ट-आकार परिवर्तन को रोककर सुरक्षा छेद को बंद कर दिया गया।

लेकिन विज़िट की गई लिंक के रंग के बारे में getComputedStyle का उपयोग करके प्राप्त जानकारी होगी: आरजीबी (0, 0, 238) - यानी नीला। यह झूठ है - लिंक ग्रे है! रंग संपत्ति के लिए, ब्राउज़र भेद्यता में छेद को दूसरे तरीके से बंद कर देते हैं: परिवर्तन को प्रतिबंधित करने के बजाय, वे getComputedStyle को वास्तविक मूल्य के बारे में झूठ बोलने के लिए मजबूर करते हैं।

दो दृष्टिकोणों का उपयोग क्यों किया जाता है? हम फ़ॉन्ट-आकार पैरामीटर के बारे में झूठ बोलने के लिए getComputedStyle क्यों नहीं प्राप्त कर सकते हैं? कारण यह है कि आप वेब पेज के प्रदर्शित तत्वों और getComputedStyle के अलावा अन्य तरीकों की जांच कर सकते हैं। आप .pageXOffset या .pageYOffset का उपयोग करके किसी पृष्ठ पर एक तत्व की स्थिति भी देख सकते हैं। विज़िट किए गए लिंक के फ़ॉन्ट-आकार को बदलने से अन्य तत्वों की ऑफसेट प्रभावित होगी, क्योंकि आप अप्रत्यक्ष रूप से जांच सकते हैं कि किन लिंक का दौरा किया गया था। एक के लिए फ़ॉन्ट-आकार को अक्षम करना: दौरा एक कठिन लेकिन विश्वसनीय समाधान है।

यह लिंक अनुमत गुणों की एक छोटी सूची प्रदान करता है, जैसे कि रंग, जो पृष्ठ लेआउट को प्रभावित नहीं करना चाहिए और इसका पता नहीं लगाया जा सकता है। ये सभी रंग परिवर्तन के विभिन्न रूप हैं। अन्य सभी सीएसएस गुण अवरुद्ध हैं।

सिद्धांत रूप में, ऐसा कोई तरीका नहीं है जिसके द्वारा यह निर्धारित किया जा सके कि विज़िट किए गए लिंक का रंग बदल दिया गया है। एकमात्र संभावना एक अस्थायी हमला है: उदाहरण के लिए, यदि रंग में गुलाबी से नीले रंग में अधिक समय लगता है, तो पृष्ठ यह माप सकता है कि तत्व को प्रदर्शित करने और अपेक्षित अवधि के साथ तुलना करने में कितना समय लगा।

पुनश्च:
ओल्गा पेरेवेर्ज़ेवा में अनुवाद को समायोजित करने में मदद के लिए विशेष धन्यवाद।

ओलेग यात्सेंको ( सैम्बर ) के लिए धन्यवाद, टिप्पणियों में उन्होंने इस तथ्य पर ध्यान आकर्षित किया कि इस तरह के डेटा लीक के साथ समस्या का समाधान सबसे पहले मोज़िला में लागू किया गया था - समाधान के लेखक डेविड बैरन हैं ।