Obter fonte HTML de WebElement no Selenium WebDriver usando Python

Estou usando as ligações Python para executar o Selenium WebDriver:

from selenium import webdriver
wd = webdriver.Firefox()

Eu sei que posso pegar um elemento da Web assim:

elem = wd.find_element_by_css_selector('#my-id')

E eu sei que posso obter a fonte da página inteira com ...

wd.page_source

Mas existe uma maneira de obter a "fonte do elemento"?

elem.source   # <-- returns the HTML as a string

Os documentos do selenium webdriver para Python são basicamente inexistentes e não vejo nada no código que pareça ativar essa funcionalidade.

Alguma idéia sobre a melhor maneira de acessar o HTML de um elemento (e seus filhos)?

Você pode ler o innerHTMLatributo para obter a origem do conteúdo do elemento ou outerHTMLa origem com o elemento atual.

Pitão:

element.get_attribute('innerHTML')

Java:

elem.getAttribute("innerHTML");

C #:

element.GetAttribute("innerHTML");

Rubi:

element.attribute("innerHTML")

JS:

element.getAttribute('innerHTML');

PHP:

$element->getAttribute('innerHTML');

Testado e trabalha com o ChromeDriver.

Não existe realmente uma maneira direta de obter o código fonte html de a webelement. Você terá que usar JS. Não tenho muita certeza sobre ligações python, mas você pode fazer isso facilmente em Java. Estou certo de que deve haver algo semelhante à JavascriptExecutorclasse em Python.

 WebElement element = driver.findElement(By.id("foo"));
 String contents = (String)((JavascriptExecutor)driver).executeScript("return arguments[0].innerHTML;", element); 

Certamente, podemos obter todo o código-fonte HTML com este script abaixo no Selenium Python:

elem = driver.find_element_by_xpath("//*")
source_code = elem.get_attribute("outerHTML")

Se você deseja salvá-lo em um arquivo:

with open('c:/html_source_code.html', 'w') as f:
    f.write(source_code.encode('utf-8'))

Sugiro salvar em um arquivo porque o código-fonte é muito, muito longo.

No Ruby, usando o selenium-webdriver (2.32.1), existe um page_sourcemétodo que contém toda a fonte da página.

Usar o método de atributo é, de fato, mais fácil e mais direto.

Usando Ruby com as gemas Selenium e PageObject, para obter a classe associada a um determinado elemento, a linha seria element.attribute(Class).

O mesmo conceito se aplica se você deseja vincular outros atributos ao elemento. Por exemplo, se eu quisesse a String de um elemento element.attribute(String),.

Parece desatualizado, mas deixe estar aqui de qualquer maneira. A maneira correta de fazer isso no seu caso:

elem = wd.find_element_by_css_selector('#my-id')
html = wd.execute_script("return arguments[0].innerHTML;", elem)

ou

html = elem.get_attribute('innerHTML')

Ambos estão trabalhando para mim (selenium-server-standalone-2.35.0)

Java com Selenium 2.53.0

driver.getPageSource();

Espero que isso possa ajudar: http://selenium.googlecode.com/svn/trunk/docs/api/java/org/openqa/selenium/WebElement.html

Aqui está descrito o método Java:

java.lang.String    getText() 

Mas, infelizmente, não está disponível no Python. Assim, você pode traduzir os nomes dos métodos para Python a partir de Java e tentar outra lógica usando os métodos atuais sem obter toda a fonte da página ...

Por exemplo

 my_id = elem[0].get_attribute('my-id')

Isso funciona perfeitamente para mim.

element.get_attribute('innerHTML')

InnerHTML retornará elemento dentro do elemento selecionado e outerHTML retornará dentro de HTML junto com o elemento que você selecionou

Exemplo: - Agora, suponha que seu elemento seja como abaixo

<tr id="myRow"><td>A</td><td>B</td></tr>

elemento innerHTML Saída

<td>A</td><td>B</td>

elemento outerHTML Saída

<tr id="myRow"><td>A</td><td>B</td></tr>

Exemplo ao vivo: -

http://www.java2s.com/Tutorials/JavascriptDemo/f/find_out_the_difference_between_innerhtml_and_outerhtml_in_javascript_example.htm

Abaixo, você encontrará a sintaxe necessária conforme a ligação diferente. Mude innerHTMLparaouterHTML conforme necessário.

Pitão:

element.get_attribute('innerHTML')

Java:

elem.getAttribute("innerHTML");

Se você deseja HTML de página inteira, use o código abaixo: -

driver.getPageSource();

WebElement element = driver.findElement(By.id("foo"));
String contents = (String)((JavascriptExecutor)driver).executeScript("return      arguments[0].innerHTML;", element); 

Esse código realmente funciona para obter JavaScript da fonte também!

E no teste de selênio do PHPUnit é assim:

$text = $this->byCssSelector('.some-class-nmae')->attribute('innerHTML');

Se você está interessado em uma solução para Controle Remoto em Python, veja como obter o innerHTML:

innerHTML = sel.get_eval("window.document.getElementById('prodid').innerHTML")

O método para obter o HTML renderizado que eu prefiro é o seguinte:

driver.get("http://www.google.com")
body_html = driver.find_element_by_xpath("/html/body")
print body_html.text

No entanto, o método acima remove todas as tags (sim, também as tags aninhadas) e retorna apenas o conteúdo do texto. Se você também estiver interessado em obter a marcação HTML, use o método abaixo.

print body_html.getAttribute("innerHTML")