WWW :: Mechanize :: Firefox를 통해 jQuery 또는 Angular 함수를 호출하려면 어떻게해야합니까?

Question

저는 WWW :: Mechanize :: Firefox의 eval_in_page을 통해 jQuery/Angular calls를 실행하려고합니다. 오류가 발생하기 때문에 범위 문제가 있다고 생각합니다.

이 코드를 실행하려고하면 :

angular.element(document.getElementsByClassName("input")[0]).triggerHandler(('change'); 

나는이 응답을 얻을 :

MozRepl::RemoteObject: ReferenceError: angular is not defined at ...

이 코드 실행하려고하면 :

$(".input").val("Foo") 

나는이 응답을받을를 :

MozRepl::RemoteObject: ReferenceError: $ is not defined ...

프레임 워크에 액세스 할 수없는 것 같습니다. 페이지가로드 된 것처럼 보입니다. 브라우저 콘솔에서 코드를 실행하면 정상적으로 작동합니다.

Answer 1

$mech->click()으로 필드 내부를 클릭하고 x, y 좌표를 허용하고 텍스트를 삽입 한 다음 다시 포커스를 제거 할 수 있습니다. 전에 PhantomJS를 사용 했었습니다. WWW::Mechanize::Firefox에도 적용됩니다.

use WWW::Mechanize::PhantomJS; 
use strict; 
use warnings; 

my $mech = WWW::Mechanize::PhantomJS->new(log => 1); 
$mech->get('http://example.com'); 

if($mech->success) { 
    # accepts x, y coordinates 
    $mech->click(.. field[2]); 

    # set a text for example in input-field number 2 
    $mech->eval('document.getElementsByTagName("input")[2].value = "Your value";'); 

    # Click somewhere else to trigger blur event 
    $mech->click(.. outside the field[2]); 

    # Read the converted textual input from span 
} 

Answer 2

감사합니다. 원래의 질문을 풀 수는 없었지만,이 대체 솔루션을 생각해 냈습니다. 이 자바 스크립트를 사용하여 필자는 필드를 채우고 적절한 변경 및 이벤트 블러를 트리거 할 수있었습니다. 이 작업을 수행하면 필요한 각 처리 작업을 수행 할 수있었습니다.

$js = qq(
    var myElement = document.getElementsByClassName("input")[0]; 
    myElement.value = "$value"; 

    function fireEvent(element, event) { 
    var evt = document.createEvent("HTMLEvents"); 
    evt.initEvent(event, true, true); // event type,bubbling,cancelable 
    return !element.dispatchEvent(evt); 
    } 

    fireEvent(myElement, 'change'); 
    fireEvent(myElement, 'blur'); 
); 
$mech->eval_in_page($js); 

참고 내가 사용하는 기능은 아래로 트리밍 된 솔루션은 here을 발견했다. 파이어 폭스 코드로 줄였습니다. 다른 브라우저를 사용하고 있다면 더 강력한 코드를 사용하고 싶을 것입니다. 누구든지 원래 질문에 대한 해결책을 생각해 내면 기꺼이 받아 들일 것입니다.