मोबाइल पर कस्टम जावास्क्रिप्ट और सीएसएस

मुझे एक अजीब चाहिए

यदि आप नियमित रूप से अपने मोबाइल डिवाइस (फोन, टैबलेट) से किसी भी साइट पर जाते हैं, और यदि आप नियमित रूप से उन पर जेएस / सीएसएस बदलना चाहते हैं (लेकिन साइट डेवलपर्स आपको किसी कारण से इन इच्छाओं के बारे में सूचित नहीं करते हैं), तो लेख आपको बताएगा दिलचस्प हो सकता है।



शायद आप, मेरी तरह, प्रॉक्सी विकल्प के साथ सहज होंगे, जो आपके द्वारा आवश्यक प्रतिस्थापन का प्रदर्शन करेगा। आइए देखें कि क्या किया जा सकता है।

आइए फ्रिज को रंग दें ...

सामान्य तौर पर, सुविधाओं की सीमा विस्तृत होती है: साइटों की "थीम" को बदलना, व्यक्तिगत तत्वों का आकार, जेएस / सीएसएस त्रुटियों को ठीक करना, छिपी हुई सुविधाओं को चालू करना (उदाहरण के लिए, वीके में एचटीएमएल 5 प्लेयर है जो सक्रिय नहीं है), या मौजूदा लोगों को बंद करना, सावधानी से रखा जाना। "होवर्स" की साइट, जिसकी वजह से मोबाइल उपकरणों पर आपको लिंक को दो बार रोकना होगा, आदि। लेकिन अफसोस, मानक ब्राउज़रों में अधिकांश उपकरणों में UserCSS या UserScript लागू करने के लिए कोई तंत्र नहीं है। बुकमार्कलेट कहीं काम कर रहे हैं (और मैंने अपने बारे में एक दर्जन के बारे में भी लिखा है), लेकिन उन्हें "पकाने" की प्रक्रिया को तेज नहीं कहा जा सकता। यदि संपादन की संख्या बढ़ती है (या घटती है), तो लगातार "बुकमार्क" को संपादित करना असुविधाजनक हो जाता है।

सामान्य तौर पर, इसे कैसे हल किया जा सकता है:

• Apache या nginx के साथ होस्टिंग खोजें
  
• हम वहां 2 एक्सटेंशन शामिल करते हैं: एक प्रॉक्सी और कुछ ऐसा जो आपको प्रॉक्सी से गुजरने वाली फाइलों को बदलने की अनुमति देगा
  
• प्रतिस्थापन को कॉन्फ़िगर करें ताकि यह उन पृष्ठों को जोड़ता है जिनकी आपको JS / CSS की आवश्यकता है
  
• डिवाइस पर परदे के पीछे लिखें
  
• लाभ
  

अपाचे के साथ मेरी मेजबानी मिली, और मैंने उसे प्रताड़ित किया।

इंजेक्शन

Apache पर परदे के पीछे सक्षम है, यह मक्खी पर सामग्री के प्रतिस्थापन के साथ और अधिक कठिन हो गया है। "बाजार पर" कई एक्सटेंशन हैं: mod_substitute , mod_filter , mod_sar । मैं mod_sar को मूर्खतापूर्ण तरीके से संकलित नहीं कर सका, mod_substitute को पहले संकुचित पेजों की समस्या थी (मुझे काम करने के लिए अनपैक-रिप्लेसमेंट-पैकेजिंग फिल्टर्स की एक श्रृंखला को इकट्ठा करना था), फिर यह पता चला कि यह कुछ पेजों को खराब कर रहा था, और "जल्दी" का कारण स्थापित नहीं किया जा सकता था। अपाचे और सभी फ़िल्टर को नवीनतम संस्करणों में अपडेट करें (नया mod_sed , उदाहरण के लिए) मेरे लिए चमक नहीं आया (कर्नेल और सिस्टम में किसी भी पुराने)। सामान्य तौर पर, मैं mod_filter के साथ रहा, वर्चुअल होस्ट कॉन्फ़िगरेशन में कुछ डाला

ExtFilterDefine fixtext mode=output intype=text/html \ cmd="/opt/bin/sed 's|</body>|<script src=\"/injector.js\" type=\"text/javascript\"></script></body>|i'" ProxyRequests On ProxyVia On <Proxy *> SetOutputFilter fixtext </Proxy> 

और इस्तेमाल किया। एसएसएच / एमसी के माध्यम से या एसएफटीपी (मेरे पास एक आईपैड) के माध्यम से नियम फाइलें "हमेशा की तरह" हैं।

इंजेक्टर शामिल हैं। जेएस उदाहरण:

 function injectJS(file) { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src = 'file'; script.type = 'text/javascript'; head.appendChild(script); } if (window.location.hostname == 'habrahabr.ru') { injectJS('filepath/mod-habrahabr.ru.js'); } 

साथ में और मज़ा

और फिर एक ऊब गया। मैं उन लोगों को सुझाव देता हूं जो परीक्षण और उपयोग में शामिल होना चाहते हैं।

एक पंजीकरण पृष्ठ बनाया गया है जहाँ आप अपना ईमेल दर्ज करते हैं। @ का हिस्सा इसे काटता है, इस नाम के साथ एक उपयोगकर्ता ओपनश के लिए बनाया गया है, चुरोट के नीचे एक होम फ़ोल्डर, और अपाचे के लिए यूजरडिर है। उत्पन्न पासवर्ड मेल पर भेजा जाता है। आप जारी किए गए शेल को SSH या SFTP के माध्यम से दर्ज कर सकते हैं, htdocs फ़ोल्डर में JS पर "इंजेक्टर" का एक उदाहरण है, विम संपादक उपलब्ध है।

SSH / SFTP और प्रॉक्सी के लिए होस्ट समान हैं।

सफल प्राधिकरण के बाद, प्रॉक्सी सभी पृष्ठों (जिससे यह कर सकता है) को अपने स्वयं के इंजेक्टर से जोड़ता है। htdocs से, जो कि वास्तव में खाते बनाने का अर्थ है। साइट की जड़ का लिंक, जहां इंजेक्टर.जेएस माना जाता है, सर्वर द्वारा फॉर्म / ~ यूजरनेम / के एक पथ के साथ प्रतिस्थापित किया जाता है, जहां से प्रतिस्थापन (जेएस / सीएसएस) की फाइलें वास्तव में आती हैं।

पंजीकरण पृष्ठ का पता: http: /injector.slcontent.ru/reg/ ।

मैं विचार से संबंधित राय सुनना चाहूंगा जैसे कि, सुझाव, उपयोग पर समीक्षा।

upd1 : आप के लिए भेजा लॉगिन / पासवर्ड जोड़ी की शुद्धता की जांच करने के लिए, सबसे आसान तरीका फार्म के एक पृष्ठ पर जाना है

  http://injector.slcontent.ru/~username/ 

upd2 : injector.js के अंदर, अगर किसी ने देखा, तो getlink.php स्क्रिप्ट के लिए एक कॉल है। इसमें ts पैरामीटर है। यदि ts = 1, फ़ाइल नाम में एक टाइम स्टैम्प जोड़ा जाता है, जो "चिपके" से बचने में मदद करेगा, उदाहरण के लिए, लगातार संपादन के साथ कैश में स्टाइल फाइलें।

upd3 : चेतावनी, लॉगिन मेरे मामले में लिनक्स-संगत नज़र में कम हो जाते हैं: डॉट्स को अंडरस्कोर के साथ बदल दिया जाता है; यदि पहला वर्ण एक संख्या है, तो संख्या से पहले एक अंडरस्कोर रखा जाता है; मामले को कम करने के लिए कम किया गया है। वे सभी जिनके नाम (शुरुआत में) और बड़े अक्षरों में नंबर थे, दुर्भाग्यवश, "घाव नहीं" हुए, हालांकि उन्हें पत्र प्राप्त हुए।

upd4 : 14 घंटे 01/29/2012 के बाद पंजीकरण पृष्ठ अनुपलब्ध था, एक बेवकूफ गलती, इसे ठीक कर दिया।

upd5 : इस प्रॉक्सी के माध्यम से " हैबर्ड " के लिए "इंजेक्ट" क्या किया जा सकता है: बेहतर टिप्पणी नेविगेटर , डिज़ाइन में परिवर्तन, फ़ेविकॉन परिवर्तन यदि पोस्ट को ड्राफ्ट या यहां तक ​​कि HabrAjax में स्थानांतरित किया गया है ।

upd6 : यदि वांछित है, तो आप सभी साइटों के लिए प्रॉक्सी के माध्यम से जाने के लिए डिवाइस को कॉन्फ़िगर कर सकते हैं, लेकिन केवल एक जोड़े के लिए, कह सकते हैं। हम इसके लिए वेब प्रॉक्सी ऑटो डिस्कवरी प्रोटोकॉल का उपयोग करते हैं। दरअसल, जैसा कि पहले ही लिखा गया है (शायद एक से अधिक बार), इस प्रोटोकॉल का उद्देश्य यह बताना है कि डिफ़ॉल्ट रूप से - wpad.dat द्वारा "एप्लिकेशन / एक्स-एनएस-प्रॉक्सी-ऑटोकॉन्फिग" प्रकार के साथ फाइल कहां देखें। यह DNS / DHCP के माध्यम से समझाया गया है या, हमारे मामले में क्या आवश्यक है, आप फ़ाइल स्थान को स्पष्ट रूप से निर्दिष्ट कर सकते हैं। अधिकांश उपकरणों की प्रॉक्सी सेटिंग्स में, यह URL के लिए फ़ील्ड के साथ ऑटो आइटम है। क्षेत्र में दर्ज करें

  http://injector.slcontent.ru/wpad.dat? 

अंत में एक प्रश्न चिह्न के साथ।

यहाँ सिद्धांत इंजेक्टर के समान है। जेएस - प्राधिकरण के बाद, उपयोगकर्ता के फ़ोल्डर में फ़ाइल के संस्करण के लिए एक रीडायरेक्ट किया जाता है, अर्थात सभी नियम उपयोगकर्ता को प्रॉक्सी नियमों का उपयोग / उपयोग नहीं करते हैं। उदाहरण wpad.dat (वास्तव में, यह आरक्षित फ़ंक्शन नाम FindProxyForURL के साथ JS है)

 function FindProxyForURL(url, host) { var proxy = "PROXY injector.slcontent.ru"; var viaproxy = new Array( /\.ya\.ru$/, /\.yandex\.ru$/); for (i = 0; i < viaproxy.length; i++) { if (viaproxy[i].test(host)) { return proxy; } } return "DIRECT"; } 

यहां तक ​​कि यह अवांछित सामग्री (बैनर?) के अवरोधक के रूप में भी इस्तेमाल किया जा सकता है, यदि आप आवश्यक मेजबानों के साथ एक सूची बनाते हैं और उनके लिए एक गैर-प्रॉक्सी प्रॉक्सी निर्दिष्ट करते हैं, तो 127.0.0.1, जैसा कि वे अक्सर मेजबान में लिखते हैं।
upd7 : साल बीत गए और iOS पर कंटेंट ब्लॉकर्स दिखने लगे ...