👨🏿‍💼 🕠 😾 वैक्यूम क्लीनर या स्मार्ट फ़ायरफ़ॉक्स के पहिया के पीछे 🧑🏼‍🤝‍🧑🏼 ✊🏽 👩‍🎨

ब्राउज़र जो लिंक का अनुसरण करता है वह टैब, पर्स को खोलता / बंद करता है या फाइल सिस्टम की सभी सामग्री को बचाता है - यह देखना दिलचस्प है, है न? व्यक्तिगत रूप से, मुझे ऐसा कुछ बनाने में दिलचस्पी थी। कोई कल्पना नहीं! सामान्य तौर पर, एक बार फिर, प्रेरणा के एक ~~प्रोग्रामर आलस्य की~~ तरह कुछ मेरे अंदर जाग गया और PHP, पर्ल या रूबी में एक नियमित क्रॉलर (उर्फ मकड़ी या सिर्फ एक वेबसाइट पार्सर) लिखने के बजाय, मैंने यह पता लगाना शुरू कर दिया कि फायरफॉक्स पर यह कैसे करना है।

ट्रेनिंग

यह सब करने के लिए मुझे एक जावास्क्रिप्ट कंसोल की आवश्यकता है जिससे मैं XUL DOM तक पहुंच पाऊंगा। मैंने फ़ायरफ़ॉक्स के लिए एक बहुत ही सरल विस्तार लिखा है जो ब्राउज़र विंडो के निचले दाएं कोने में एक आइकन जोड़ता है

इस आइकन पर क्लिक करने से एक विंडो खुलेगी जिसमें आप जावास्क्रिप्ट कोड लिख सकते हैं और ब्राउज़र तत्वों को प्रबंधित कर सकते हैं। एक्सटेंशन को यहां डाउनलोड किया जा सकता है ।
स्क्रिप्ट को चलाने के लिए, CTRL + Enter दबाएं (टेक्स्टबॉक्स तत्व पर ध्यान देना चाहिए)।

टैंक में उन लोगों के लिए

चूंकि सभी प्रोग्रामर फायरफॉक्स में जावास्क्रिप्ट ऑब्जेक्ट्स से परिचित नहीं हैं, इसलिए मुझे लगता है कि थोड़ा सिद्धांत उपयोगी होगा। HTML के अनुरूप, "सर्वश्रेष्ठ खिलाड़ी" विंडो और दस्तावेज़ हैं। सामग्री (HTML DOM) तक पहुंचने के लिए आपको इस तरह लिखना होगा

var links = window.content. document .getElementsByTagName( 'a' );
// or just
var links = content. document .querySelectorAll( 'a' );
alert(links.length)

* This source code was highlighted with Source Code Highlighter .

var links = window.content. document .getElementsByTagName( 'a' ); // or just var links = content. document .querySelectorAll( 'a' ); alert(links.length) * This source code was highlighted with Source Code Highlighter .

var links = window.content. document .getElementsByTagName( 'a' );
// or just
var links = content. document .querySelectorAll( 'a' );
alert(links.length)

* This source code was highlighted with Source Code Highlighter .

एक और बहुत महत्वपूर्ण बिंदु यह है कि HTML DOM को लोड करने के क्षण को कैसे पकड़ा जाए, साथ ही टैब और ब्राउज़र के साथ कैसे काम किया जाए। टैबब्रोसर तत्व तक पहुंचने के लिए, आप वैश्विक चर gBrowser का उपयोग कर सकते हैं। इस तत्व के साथ आप टैब को हेरफेर कर सकते हैं। कुछ उदाहरण

// add new tab
var tab = gBrowser.addTab( 'http://habrahabr.ru' );
gBrowser.selectedTab = tab;

// get browser element for tab
var browser = gBrowser.getBrowserForTab(tab);

// add listeners on page load
browser.addEventListener( 'DOMContentLoaded' , function ( event ){
// listener implementation
}, false );

// add listeners on HTML DOM loaded
browser.addEventListener( 'DOMContentLoaded' , function ( event ){
if ( event .originalTarget instanceof HTMLDocument) {
var document = event .originalTarget;
// listener implementation
}
}, false );
* This source code was highlighted with Source Code Highlighter .

// add new tab var tab = gBrowser.addTab( 'http://habrahabr.ru' ); gBrowser.selectedTab = tab; // get browser element for tab var browser = gBrowser.getBrowserForTab(tab); // add listeners on page load browser.addEventListener( 'DOMContentLoaded' , function ( event ){ // listener implementation }, false ); // add listeners on HTML DOM loaded browser.addEventListener( 'DOMContentLoaded' , function ( event ){ if ( event .originalTarget instanceof HTMLDocument) { var document = event .originalTarget; // listener implementation } }, false ); * This source code was highlighted with Source Code Highlighter .

// add new tab
var tab = gBrowser.addTab( 'http://habrahabr.ru' );
gBrowser.selectedTab = tab;

// get browser element for tab
var browser = gBrowser.getBrowserForTab(tab);

// add listeners on page load
browser.addEventListener( 'DOMContentLoaded' , function ( event ){
// listener implementation
}, false );

// add listeners on HTML DOM loaded
browser.addEventListener( 'DOMContentLoaded' , function ( event ){
if ( event .originalTarget instanceof HTMLDocument) {
var document = event .originalTarget;
// listener implementation
}
}, false );
* This source code was highlighted with Source Code Highlighter .

मुझे यह भी लगता है कि वेब पेज को फाइल में सेव करना सीखना उपयोगी होगा।

var tab = gBrowser.addTab( 'http://habrahabr.ru' );
gBrowser.selectedTab = tab;
var browser = gBrowser.getBrowserForTab(tab);
browser.addEventListener( 'DOMContentLoaded' , function ( event ){
var document = event .originalTarget;
if ( document instanceof HTMLDocument && this .contentWindow. document == document ) {
var basename = document .location.href.replace(/\/+$/, '' ),
pos = basename.lastIndexOf( '/' );
if (pos != -1) {
basename = basename.substr(pos+1);
}

var file = Components.classes[ "@mozilla.org/file/local;1" ].createInstance(Components.interfaces.nsILocalFile);
file.initWithPath( '/tmp/' +basename);
if (!file.exists()) {
var chosen = new AutoChosen(file, makeFileURI(file));
internalSave( document .location.href, document , null , null , document .contentType, false , null , chosen);
}
}
}, false )
* This source code was highlighted with Source Code Highlighter .

var tab = gBrowser.addTab( 'http://habrahabr.ru' ); gBrowser.selectedTab = tab; var browser = gBrowser.getBrowserForTab(tab); browser.addEventListener( 'DOMContentLoaded' , function ( event ){ var document = event .originalTarget; if ( document instanceof HTMLDocument && this .contentWindow. document == document ) { var basename = document .location.href.replace(/\/+$/, '' ), pos = basename.lastIndexOf( '/' ); if (pos != -1) { basename = basename.substr(pos+1); } var file = Components.classes[ "@mozilla.org/file/local;1" ].createInstance(Components.interfaces.nsILocalFile); file.initWithPath( '/tmp/' +basename); if (!file.exists()) { var chosen = new AutoChosen(file, makeFileURI(file)); internalSave( document .location.href, document , null , null , document .contentType, false , null , chosen); } } }, false ) * This source code was highlighted with Source Code Highlighter .

var tab = gBrowser.addTab( 'http://habrahabr.ru' );
gBrowser.selectedTab = tab;
var browser = gBrowser.getBrowserForTab(tab);
browser.addEventListener( 'DOMContentLoaded' , function ( event ){
var document = event .originalTarget;
if ( document instanceof HTMLDocument && this .contentWindow. document == document ) {
var basename = document .location.href.replace(/\/+$/, '' ),
pos = basename.lastIndexOf( '/' );
if (pos != -1) {
basename = basename.substr(pos+1);
}

var file = Components.classes[ "@mozilla.org/file/local;1" ].createInstance(Components.interfaces.nsILocalFile);
file.initWithPath( '/tmp/' +basename);
if (!file.exists()) {
var chosen = new AutoChosen(file, makeFileURI(file));
internalSave( document .location.href, document , null , null , document .contentType, false , null , chosen);
}
}
}, false )
* This source code was highlighted with Source Code Highlighter .

अतिरिक्त स्थिति this.contentWindow.document == दस्तावेज़ उन स्थितियों को फ़िल्टर करता है जब पृष्ठ पर iframe तत्व होते हैं, और पृष्ठ को केवल एक बार सहेजने की आवश्यकता होती है और एक की आवश्यकता होती है, और फ़्रेम से नहीं।
इंटरनलवेव फंक्शन (फाइल को सेव करता है) और ऑटोचेन क्लास के बारे में (जैसा कि मैं समझता हूं कि यह उपयोगकर्ता द्वारा फाइल की पसंद का अनुकरण करता है), आप स्रोत कोड में टिप्पणियों को पढ़ सकते हैं। यहां फाइलों के साथ काम करने के और उदाहरण।

हम फायरफॉक्स को प्रशिक्षित करते हैं

हम एक स्क्रिप्ट लिखेंगे जो फायरफॉक्स को हबर के विशिष्ट उपयोगकर्ता के रूप में लॉग इन करना सिखाएगी।

var Crawler = {
habrahabr: function (username, password) {
this .username = username;
this .password = password;
},
onHTMLLoaded: function (browser, callback) {
browser.addEventListener( 'DOMContentLoaded' , function ( event ){
var document = event .originalTarget;
if ( document instanceof HTMLDocument
&& this .contentWindow. document == document
) {
this .removeEventListener( 'DOMContentLoaded' , arguments.callee, false );
callback.call( this , event , document );
}
}, false );
return browser;
}
}

Crawler.habrahabr.prototype = {
url: 'http://habrahabr.ru/' ,
openAndSignIn: function (inNewTab) {
var tab = gBrowser.selectedTab, browser = null ;
if (inNewTab) {
tab = gBrowser.addTab( this .url);
} else {
content. document .location = this .url;
}
browser = gBrowser.getBrowserForTab(tab);
var that = this ;
Crawler.onHTMLLoaded(browser, function ( event , document ){
document .location = document .querySelector( 'dl.panel-personal a' ).href;
Crawler.onHTMLLoaded( this , function ( event , document ){
var user = document .getElementById( 'reg-f-username' );
user.value = that.username;
document .getElementById( 'reg-f-password' ).value = that.password;
user.form.querySelector( 'input[type="submit"]' ).click();
});
});
}
};
var cr = new Crawler.habrahabr( 'serjoga' , '***' );
cr.openAndSignIn( true );

* This source code was highlighted with Source Code Highlighter .

var Crawler = { habrahabr: function (username, password) { this .username = username; this .password = password; }, onHTMLLoaded: function (browser, callback) { browser.addEventListener( 'DOMContentLoaded' , function ( event ){ var document = event .originalTarget; if ( document instanceof HTMLDocument && this .contentWindow. document == document ) { this .removeEventListener( 'DOMContentLoaded' , arguments.callee, false ); callback.call( this , event , document ); } }, false ); return browser; } } Crawler.habrahabr.prototype = { url: 'http://habrahabr.ru/' , openAndSignIn: function (inNewTab) { var tab = gBrowser.selectedTab, browser = null ; if (inNewTab) { tab = gBrowser.addTab( this .url); } else { content. document .location = this .url; } browser = gBrowser.getBrowserForTab(tab); var that = this ; Crawler.onHTMLLoaded(browser, function ( event , document ){ document .location = document .querySelector( 'dl.panel-personal a' ).href; Crawler.onHTMLLoaded( this , function ( event , document ){ var user = document .getElementById( 'reg-f-username' ); user.value = that.username; document .getElementById( 'reg-f-password' ).value = that.password; user.form.querySelector( 'input[type="submit"]' ).click(); }); }); } }; var cr = new Crawler.habrahabr( 'serjoga' , '***' ); cr.openAndSignIn( true ); * This source code was highlighted with Source Code Highlighter .

var Crawler = {
habrahabr: function (username, password) {
this .username = username;
this .password = password;
},
onHTMLLoaded: function (browser, callback) {
browser.addEventListener( 'DOMContentLoaded' , function ( event ){
var document = event .originalTarget;
if ( document instanceof HTMLDocument
&& this .contentWindow. document == document
) {
this .removeEventListener( 'DOMContentLoaded' , arguments.callee, false );
callback.call( this , event , document );
}
}, false );
return browser;
}
}

Crawler.habrahabr.prototype = {
url: 'http://habrahabr.ru/' ,
openAndSignIn: function (inNewTab) {
var tab = gBrowser.selectedTab, browser = null ;
if (inNewTab) {
tab = gBrowser.addTab( this .url);
} else {
content. document .location = this .url;
}
browser = gBrowser.getBrowserForTab(tab);
var that = this ;
Crawler.onHTMLLoaded(browser, function ( event , document ){
document .location = document .querySelector( 'dl.panel-personal a' ).href;
Crawler.onHTMLLoaded( this , function ( event , document ){
var user = document .getElementById( 'reg-f-username' );
user.value = that.username;
document .getElementById( 'reg-f-password' ).value = that.password;
user.form.querySelector( 'input[type="submit"]' ).click();
});
});
}
};
var cr = new Crawler.habrahabr( 'serjoga' , '***' );
cr.openAndSignIn( true );

* This source code was highlighted with Source Code Highlighter .

सबसे पहले, क्रॉलर ऑब्जेक्ट बनाएं, जिसमें आप फिर नए पार्सर जोड़ सकते हैं। हम हैब्रैब पार्सर के लिए एक कंस्ट्रक्टर बनाते हैं, जिसमें हम उपयोगकर्ता नाम और पासवर्ड पास करते हैं। OpenAndSignIn मेथड को हैम्ब्रेज ऑब्जेक्ट के प्रोटोटाइप में जोड़ें। यह विधि हैबर को खोलने और दिए गए उपयोगकर्ता के तहत अधिकृत करने में सक्षम है।

पुनश्च: मैं अक्सर बग्स के परीक्षण मामलों के प्लेबैक को बहुत ही स्वचालित और थकाऊ नहीं करता हूं, इस मामले में जब आपको बटन का एक गुच्छा क्लिक करने और 10 पृष्ठों से गुजरने की आवश्यकता होती है 2 साइटों पर भी।

वैक्यूम क्लीनर या स्मार्ट फ़ायरफ़ॉक्स के पहिया के पीछे

ट्रेनिंग

टैंक में उन लोगों के लिए

हम फायरफॉक्स को प्रशिक्षित करते हैं

More articles: