मैं कैस्परजेएस से आईफ्रेम कैसे प्राप्त करूं?

मेरे पास एक आईफ्रेम वाला वेबपृष्ठ है। मैं CasperJS का उपयोग कर आईफ्रेम की सामग्री तक पहुंच बनाना चाहता हूं। विशेष रूप से, मुझे बटन क्लिक करने और एक फॉर्म भरने की आवश्यकता है। मैं उसे कैसे कर सकता हूँ?मैं कैस्परजेएस से आईफ्रेम कैसे प्राप्त करूं?

मुख्य वेबपेज main.html है:

<html><body> 
<a id='main-a' href="javascript:console.log('pressed main-a');">main-a</a> 
<iframe src="iframe.html"></iframe> 
<a id='main-b' href="javascript:console.log('pressed main-b');">main-b</a> 
</body></html>

आइफ्रेम है:

<html><body> 
<a id='iframe-c' href="javascript:console.log('pressed iframe-c');">iframe-c</a> 
</body></html>

मेरे भोली दृष्टिकोण:

var casper = require('casper').create({ 
    verbose: true, 
    logLevel: "debug" 
}); 

casper.start("http://jim.sh/~jim/tmp/casper/main.html", function() { 
    this.click('a#main-a'); 
    this.click('a#main-b'); 
    this.click('a#iframe-c'); 
}); 

casper.run(function() { 
    this.exit(); 
});

काम नहीं करता, ज़ाहिर है, क्योंकि a#iframe-c चयनकर्ता मुख्य फ्रेम में मान्य नहीं है:

[info] [phantom] Starting... 
[info] [phantom] Running suite: 2 steps 
[debug] [phantom] opening url: http://jim.sh/~jim/tmp/casper/main.html, HTTP GET 
[debug] [phantom] Navigation requested: url=http://jim.sh/~jim/tmp/casper/main.html, type=Other, lock=true, isMainFrame=true 
[debug] [phantom] url changed to "http://jim.sh/~jim/tmp/casper/main.html" 
[debug] [phantom] Navigation requested: url=http://jim.sh/~jim/tmp/casper/iframe.html, type=Other, lock=true, isMainFrame=false 
[debug] [phantom] Successfully injected Casper client-side utilities 
[info] [phantom] Step 2/2 http://jim.sh/~jim/tmp/casper/main.html (HTTP 200) 
[debug] [phantom] Mouse event 'click' on selector: a#main-a 
[info] [remote] pressed main-a 
[debug] [phantom] Mouse event 'click' on selector: a#main-b 
[info] [remote] pressed main-b 
[debug] [phantom] Mouse event 'click' on selector: a#iframe-c 
FAIL CasperError: Cannot dispatch click event on nonexistent selector: a#iframe-c 
# type: uncaughtError 
# error: "CasperError: Cannot dispatch click event on nonexistent selector: a#iframe-c" 
CasperError: Cannot dispatch click event on nonexistent selector: a#iframe-c  
    /tmp:901 in mouseEvent 
    /tmp:365 in click 
    /tmp/test.js:9 
    /tmp:1103 in runStep 
    /tmp:324 in checkStep

क्या यह काम करने का कोई तरीका है? एक हैक जिसमें फांटोमज में सीधे पोकिंग करना शामिल होगा, ठीक है, लेकिन मुझे नहीं पता कि वहां क्या करना है।

मैं CasperJS संस्करण 1.0.0-RC1 और phantomjs संस्करण 1.6.0 का उपयोग कर रहा हूं।

स्रोत

2012-08-27 Jim Paris

हमेशा के लिए खोज रहे हैं, और निश्चित रूप से मुझे प्रश्न पोस्ट करने के बाद उत्तर मिनट मिल गए।

मैं this commit में फैंटोमज में जोड़े गए नए फ्रेम स्विचिंग कमांड का उपयोग कर सकता हूं। विशेष रूप से, this.page.switchToChildFrame(0) और this.page.switchToParentFrame() फ़ंक्शंस। यह undocumented प्रकट होता है, और यह भी लगता है कि तरीकों विज्ञप्ति आगामी changed किया गया है, लेकिन यह काम करता है:

var casper = require('casper').create({ 
    verbose: true, 
    logLevel: "debug" 
}); 

casper.start("http://jim.sh/~jim/tmp/casper/main.html", function() { 
    this.click('a#main-a'); 
    this.click('a#main-b'); 
    this.page.switchToChildFrame(0); 
    this.click('a#iframe-c'); 
    this.page.switchToParentFrame(); 
}); 

casper.run(function() { 
    this.exit(); 
});

स्रोत

2012-08-27 22:12:22

जिम, क्या आपको यह पता चल गया कि क्या आप स्विचिंग के बाद यह.test.assertVisible ('# someElemInsideIframe') कर सकते हैं? मेरे लिए बार्फ़ लगता है लेकिन यह .click (...) काम करता है। –

मुझे नहीं, क्षमा करें। दृश्यता का परीक्षण किसी अन्य तरीके से किया जा सकता है जो फ्रेम के साथ अच्छी तरह से काम नहीं करता है, मुझे यकीन नहीं है। –

क्या आप @ olleolleolle का जवाब देखा था? withframe एक दस्तावेज विधि है। –

तथ्य की बात आप क्रम में Phantomjs 1.5 द्वारा प्रदान की नई --web-security=no सुविधा का उपयोग करने के लिए उन iFrames और उनकी सामग्री का उपयोग कर सकेंगे करना होगा के रूप में।

स्रोत

2012-08-27 22:02:08

वास्तव में संबंधित नहीं है - यह उदाहरण एक ही डोमेन आईफ्रेम और क्रॉस-डोमेन सुरक्षा मेरी समस्या नहीं है। क्या काम किया है के लिए अपना खुद का जवाब देखें ('--web-security = no' अभी भी आवश्यक नहीं है)। –

1,0 से आप उपयोग कर सकते हैं withFrame

casper.open("http://www.example.com/page.html", function() { 
    casper.withFrame('flashHolder', function() { 
     this.test.assertSelectorExists('#the-flash-thing', 'Should show Flash'); 
    }); 
    });

स्रोत

2013-01-04 09:16:58 olleolleolle

यह फ्रेम के साथ कैसे काम कर सकता है जिसमें गतिशील नाम हैं? मैं फ्रेम इंडेक्स (जैसे 0 या 1) पर भरोसा नहीं कर सकता क्योंकि ट्विटर की तरह सामाजिक सेवाएं (एडिथिस के माध्यम से) अक्सर पृष्ठभूमि में अपने स्वयं के आईफ्रेम में लोड होती हैं। – DynamicDan

आप फ्रेम नाम के बजाय फ्रेम इंडेक्स का उपयोग कर सकते हैं - http://docs.casperjs.org/en/latest/modules/casper.html#withframe –

मान लीजिए हम अलग अलग फ्रेम है (frame1 और फ्रेम 2) और हमें उन फ्रेमों के विभिन्न तत्वों को एक्सेस करना होगा (जैसे क्लिक करें या जांचें कि क्या div टैग बाहर निकलता है या नहीं)।

casper.withFrame('frame1', function() { 
    var file = '//*[@id="profile_file"]'; 
    casper.thenClick(x(file)); 
}); 

casper.withFrame('frame2', function() { 
    casper.then(function() { 
    casper.waitForSelector('#pageDIV', 
      function pass() { 
       console.log("pass"); 
      }, 
      function fail(){ 
       console.log("fail"); 
      } 
    ); 
    }); 
});

स्रोत

2015-10-28 13:28:49

मैं कैस्परजेएस से आईफ्रेम कैसे प्राप्त करूं?

उत्तर

संबंधित मुद्दे