Hướng dẫn get html element selenium c# - lấy phần tử html selen c #

Thông qua mã đó, tôi đã trích xuất tất cả các văn bản mong muốn từ một tài liệu HTML

private void RunThroughSearch(string url)
{
    private IWebDriver driver;
    driver = new FirefoxDriver();
    INavigation nav = driver.Navigate();
    nav.GoToUrl(url);

    var div = driver.FindElement(By.Id("results"));
    var element = driver.FindElements(By.ClassName("sa_wr"));
}

mặc dù tôi cần tinh chỉnh kết quả của tài liệu trích xuất

Container
    HEADER -> Title of a given block
    Url -> Link to the relevant block
    text -> body of a given block
/Container

Như bạn có thể thấy trong mã của tôi, tôi có thể nhận được giá trị của phần văn bản dưới dạng giá trị văn bản, điều đó là tốt, nhưng nếu tôi muốn có giá trị của container dưới dạng HTML chứ không phải văn bản được trích xuất thì sao?HTML and not the extracted text ?

    
 Title...
    
 www.example.co.il
    
 bla.. 

Vì vậy, container khoảng 10 lần trong một trang tôi cần trích xuất nó là bên trong.

Bất kỳ ý tưởng? (sử dụng selen)

Trước khi khám phá cách lấy nguồn trang trong selenium, hãy để Lôi dành thời gian nhanh chóng để hiểu các thuật ngữ chính, chẳng hạn như nguồn HTML và phần tử web, sẽ được giải quyết trong các phần sau với đoạn mã và hai phương thức.how to get page source in Selenium, let’s take a quick moment to understand the key terms, such as HTML Source and Web element, which will be addressed in the following sections with code snippets and two methods.

Nguồn HTML là gì?

Điều này đề cập đến mã HTML nằm dưới một yếu tố web nhất định trên một trang web. Vì đây là nền tảng của bất kỳ trang web nào, nên việc kiểm tra mã HTML trong trình duyệt thông thường và các kịch bản kiểm tra trình duyệt chéo trở nên quan trọng. Mặc dù, đừng nhầm lẫn điều này với thẻ HTML.HTML tag.

Phần tử web là gì?

Bất cứ điều gì xuất hiện trên một trang web là một yếu tố web. Rõ ràng nhất, điều này đề cập đến các hộp văn bản, hộp kiểm, nút hoặc bất kỳ trường nào khác hiển thị hoặc yêu cầu dữ liệu từ người dùng. Các yếu tố web cũng có thể có nghĩa là các thẻ trong trang web mã HTML. Về cơ bản, tương tác với mã HTML là tương tác với một phần tử web. Các yếu tố như vậy thường có các định danh duy nhất, chẳng hạn như ID, tên hoặc các lớp duy nhất.

Ví dụ, để làm nổi bật văn bản trên một trang, người ta sẽ phải tương tác với cơ thể trên mạng, một div div và thậm chí có thể là một yếu tố của p p.

Thông thường các yếu tố web xảy ra trong các yếu tố web khác. Người ta có thể sử dụng các cơ chế như XPath trong các bộ chọn Selenium hoặc CSS để xác định vị trí của chúng.

Làm thế nào để truy xuất nguồn HTML của một phần tử web bằng Python?

Để bắt đầu, hãy tải xuống các ràng buộc Python cho Selenium WebDriver.

• Người ta có thể làm điều này từ trang PYPI cho gói selen.PyPI page for the Selenium package.
• Ngoài ra, người ta có thể sử dụng PIP để cài đặt gói selen. Python 3.6 cung cấp PIP trong thư viện tiêu chuẩn. Cài đặt Selenium với PIP với cú pháp sau:pip to install the Selenium package. Python 3.6 provides the pip in the standard library. Install Selenium with pip with the following syntax:

pip install selenium

Cũng có thể sử dụng VirtualEnv để tạo môi trường Python bị cô lập. Python 3.6 cung cấp PyvenV khá giống với VirtualEnv.virtualenv to create isolated Python environments. Python 3.6 offers pyvenv which is quite similar to virtualenv.

Ghi chú cho người dùng Windows

1. Cài đặt Python 3.6 với MSI được cung cấp trong trang tải xuống Python.org.Python 3.6 with the MSI provided in the python.org download page.
2. Bắt đầu một lời nhắc lệnh bằng chương trình cmd.exe. Sau đó chạy lệnh PIP với cú pháp được đưa ra bên dưới để cài đặt selen.

C:Python35Scriptspip.exe install selenium

Bây giờ, ở đây, cách thức để có được một yếu tố web:

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

Tại đây, cách lấy nguồn HTML cho toàn bộ trang:

wd.page_source

Làm thế nào để truy xuất nguồn HTML của một phần tử web bằng Selenium?

Phương pháp 1

Đọc thuộc tính bên trong để có được nguồn nội dung của phần tử. InsideHTML là một thuộc tính của phần tử DOM có giá trị là HTML giữa thẻ mở và thẻ kết thúc.innerHTML attribute to get the source of the element’s content. innerHTML is a property of a DOM element whose value is the HTML between the opening tag and ending tag.

Ví dụ: thuộc tính bên trong trong mã bên dưới mang giá trị văn bản trực tuyếninnerHTML property in the code below carries the value “text”

a text

Thuộc tính này có thể sử dụng để truy xuất hoặc chèn động nội dung trên trang web. Tuy nhiên, nếu nó được sử dụng để làm bất cứ điều gì ngoài việc chèn văn bản đơn giản, một số khác biệt có thể xảy ra trong cách nó hoạt động trên các trình duyệt khác nhau. Đó là một thực tế tốt để kiểm tra trang web của bạn trên các trình duyệt và thiết bị, hãy thử ngay bây giờ.

Thử kiểm tra trình duyệt chéo miễn phí

InsideHTML lần đầu tiên được triển khai trong Internet Explorer 5. Nó là một phần của tiêu chuẩn và đã tồn tại như một thuộc tính của HTMLelement và HTMLDocument kể từ HTML 5. was first implemented in Internet Explorer 5. It has been part of the standard and has existed as a property of HTMLElement and HTMLDocument since HTML 5.

Thực hiện thuộc tính bên trong để lấy nguồn HTML trong selenium với cú pháp sau:innerHTML attribute to get the HTML source in Selenium with the following syntax:

Python:

element.get_attribute('innerHTML')

Java:

elem.getAttribute("innerHTML");

C#:

Container
    HEADER -> Title of a given block
    Url -> Link to the relevant block
    text -> body of a given block
/Container

Ruby:

Container
    HEADER -> Title of a given block
    Url -> Link to the relevant block
    text -> body of a given block
/Container

JS:

Container
    HEADER -> Title of a given block
    Url -> Link to the relevant block
    text -> body of a given block
/Container

PHP:

Container
    HEADER -> Title of a given block
    Url -> Link to the relevant block
    text -> body of a given block
/Container

Phương pháp 2

Đọc bên ngoài để lấy nguồn với phần tử hiện tại.outerHTML to get the source with the current element. outerHTML is an element property whose value is the HTML between the opening and closing tags and the HTML of the selected element itself.

Ví dụ, thuộc tính mã bên ngoài của mã mang một giá trị chứa div và nhịp bên trong đó.outerHTML property carries a value that contains div and span inside that.

Container
    HEADER -> Title of a given block
    Url -> Link to the relevant block
    text -> body of a given block
/Container

Thực hiện thuộc tính OuterHTML để lấy nguồn HTML trong selenium với cú pháp sau:outerHTML attribute to get the HTML source in Selenium with the following syntax:

Container
    HEADER -> Title of a given block
    Url -> Link to the relevant block
    text -> body of a given block
/Container

Kiểm tra selen tự động trở nên hiệu quả hơn và được điều khiển bằng kết quả bằng cách thực hiện mã chi tiết ở trên. Phát hiện, dễ dàng, nguồn HTML của các yếu tố web được chỉ định để chúng có thể được kiểm tra cho dị thường. Không cần phải nói, việc xác định sự bất thường nhanh chóng dẫn đến gỡ lỗi nhanh như nhau, do đó đẩy ra các trang web cung cấp trải nghiệm người dùng tối ưu trong các mốc thời gian tối thiểu.

Chạy các bài kiểm tra selen trên BrowSerstack

Làm cách nào để tìm các phần tử HTML trong selen?

Selenium có thể đọc HTML không?

Selenium tìm nạp mã nguồn HTML của trang như thế nào?

Làm thế nào để bạn có được một yếu tố trong selen?