รับแหล่ง HTML ของ WebElement ใน Selenium WebDriver โดยใช้ Python

ฉันกำลังใช้การผูก Python เพื่อเรียกใช้ Selenium WebDriver:

from selenium import webdriver
wd = webdriver.Firefox()

ฉันรู้ว่าฉันสามารถคว้าองค์ประกอบเว็บได้เช่นนี้:

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

และฉันรู้ว่าฉันสามารถรับซอร์สเต็มหน้าด้วย ...

wd.page_source

แต่มีเพื่อรับ "แหล่งองค์ประกอบ" หรือไม่

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

ซีเลเนี่ยม webdriver docs สำหรับ Python นั้นไม่มีอยู่จริงและฉันไม่เห็นอะไรเลยในรหัสที่ดูเหมือนว่าจะเปิดใช้งานการทำงานนั้น

มีความคิดเกี่ยวกับวิธีที่ดีที่สุดในการเข้าถึง HTML ขององค์ประกอบ (และลูก ๆ ) หรือไม่

คุณสามารถอ่านinnerHTMLคุณสมบัติเพื่อรับแหล่งเนื้อหาขององค์ประกอบหรือouterHTMLแหล่งที่มาด้วยองค์ประกอบปัจจุบัน

งูหลาม:

element.get_attribute('innerHTML')

Java:

elem.getAttribute("innerHTML");

ค#:

element.GetAttribute("innerHTML");

ทับทิม:

element.attribute("innerHTML")

JS:

element.getAttribute('innerHTML');

PHP:

$element->getAttribute('innerHTML');

ChromeDriverการทดสอบและการทำงานร่วมกับ

ที่มีอยู่ไม่จริงเป็นวิธีที่ตรงไปตรงมาของการได้รับรหัสที่มา HTML webelementของ คุณจะต้องใช้ JS ฉันไม่แน่ใจเกี่ยวกับการผูก python แต่คุณสามารถทำสิ่งนี้ใน Java ได้อย่างง่ายดาย ฉันแน่ใจว่าต้องมีบางสิ่งที่คล้ายกับJavascriptExecutorคลาสใน Python

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

แน่นอนว่าเราสามารถรับซอร์สโค้ด HTML ทั้งหมดด้วยสคริปต์นี้ด้านล่างใน Selenium Python:

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

หากคุณต้องการบันทึกเป็นไฟล์:

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

ฉันแนะนำให้บันทึกไฟล์เพราะซอร์สโค้ดยาวมาก

ใน Ruby ใช้ selenium-webdriver (2.32.1) มีpage_sourceวิธีการที่ประกอบด้วยแหล่งหน้าทั้งหมด

ในความเป็นจริงแล้วการใช้วิธีการของแอตทริบิวต์นั้นง่ายขึ้นและตรงไปตรงมามากขึ้น

ใช้ทับทิมกับซีลีเนียมและ PageObject element.attribute(Class)อัญมณีเพื่อให้ได้ระดับที่เกี่ยวข้องกับองค์ประกอบบางสายจะเป็น

ใช้แนวคิดเดียวกันนี้หากคุณต้องการรับคุณลักษณะอื่น ๆ ที่เชื่อมโยงกับองค์ประกอบ ตัวอย่างเช่นถ้าฉันต้องการสตริงขององค์ประกอบ, element.attribute(String).

ดูล้าสมัย แต่ให้อยู่ที่นี่ต่อไป วิธีที่ถูกต้องที่จะทำในกรณีของคุณ:

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

หรือ

html = elem.get_attribute('innerHTML')

ทั้งสองใช้งานได้สำหรับฉัน (selenium-server-standalone-2.35.0)

Java with Selenium 2.53.0

driver.getPageSource();

ฉันหวังว่านี่จะช่วยได้: http://selenium.googlecode.com/svn/trunk/docs/api/java/org/openqa/selenium/WebElement.html

นี่คือวิธีการอธิบาย Java:

java.lang.String    getText() 

แต่น่าเสียดายที่ไม่มีใน Python ดังนั้นคุณสามารถแปลชื่อเมธอดเป็น Python จาก Java และลองใช้ตรรกะอื่นโดยใช้วิธีการนำเสนอโดยไม่ได้รับทั้งหน้า ...

เช่น

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

มันทำงานได้อย่างราบรื่นสำหรับฉัน

element.get_attribute('innerHTML')

InnerHTML จะส่งคืนองค์ประกอบภายในองค์ประกอบที่เลือกและ outerHTML จะกลับมาภายใน HTML พร้อมกับองค์ประกอบที่คุณเลือก

ตัวอย่าง: - ตอนนี้สมมติว่าองค์ประกอบของคุณเป็นด้านล่าง

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

องค์ประกอบ InnerHTML เอาท์พุท

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

องค์ประกอบภายนอก HTML

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

ตัวอย่างสด: -

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

ด้านล่างนี้คุณจะพบไวยากรณ์ที่ต้องใช้ตามการเชื่อมต่อที่แตกต่างกัน เปลี่ยนinnerHTMLไปouterHTMLตามความจำเป็น

งูหลาม:

element.get_attribute('innerHTML')

Java:

elem.getAttribute("innerHTML");

หากคุณต้องการให้ HTML ทั้งหมดใช้โค้ดด้านล่าง: -

driver.getPageSource();

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

รหัสนี้ใช้งานได้จริงเพื่อรับ JavaScript จากซอร์สเช่นกัน!

และในการทดสอบซีลีเนียม PHPUnit มันเป็นแบบนี้:

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

หากคุณสนใจวิธีแก้ปัญหาสำหรับ Remote Control ใน Python ต่อไปนี้เป็นวิธีรับ InnerHTML:

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

วิธีรับ HTML ที่แสดงผลที่ฉันชอบมีดังต่อไปนี้:

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

อย่างไรก็ตามวิธีการด้านบนจะลบแท็กทั้งหมด (ใช่แท็กที่ซ้อนกันเช่นกัน) และส่งคืนเนื้อหาข้อความเท่านั้น หากคุณสนใจที่จะรับ HTML มาร์กอัปเช่นกันให้ใช้วิธีการด้านล่าง

print body_html.getAttribute("innerHTML")